evui 3.3.12 → 3.3.15

package/dist/evui.common.js

@@ -164,6 +164,21 @@ module.exports = function (fn, that, length) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "044f":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("4890");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("1fe9e43e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "0538":
@@ -4220,17 +4235,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "1db4":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_2eaec3d6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e17d");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_2eaec3d6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_2eaec3d6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "1dde":
@@ -4880,6 +4884,28 @@ function stubFalse() {
 /* harmony default export */ __webpack_exports__["a"] = (stubFalse);
 
 
+/***/ }),
+
+/***/ "2f87":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("87e7");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
+/***/ }),
+
+/***/ "2fe8":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3d53");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_df219c50_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "339f":
@@ -5009,29 +5035,6 @@ module.exports = function (it) {
 };
 
 
-/***/ }),
-
-/***/ "3c39":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
-var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("f051");
-var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__("0924");
-var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__("eb91");
-var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__("a884");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
-var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
-var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
-// Module
-exports.push([module.i, ".table[data-v-6493e3f4]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-6493e3f4]{padding-top:0}.table .table-header[data-v-6493e3f4]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-6493e3f4]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-6493e3f4]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-6493e3f4]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-6493e3f4],.column-list[data-v-6493e3f4]{position:relative;height:100%}.column[data-v-6493e3f4]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-6493e3f4]{border-right:1px solid}.column[data-v-6493e3f4]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-6493e3f4]{cursor:default!important}.column .sort-icon[data-v-6493e3f4]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-6493e3f4]{font-size:13px;color:#005cc8}.column-name[data-v-6493e3f4]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-6493e3f4]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-6493e3f4]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-6493e3f4]{display:block;cursor:pointer}.column-filter-status[data-v-6493e3f4]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-6493e3f4]{font-size:10px;vertical-align:top}.column-resize[data-v-6493e3f4]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-6493e3f4]:hover{cursor:col-resize}.table-body[data-v-6493e3f4]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-6493e3f4]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-6493e3f4]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-6493e3f4]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-6493e3f4]{border-bottom:1px solid}.table-body .row[data-v-6493e3f4]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-6493e3f4]{border-bottom:1px solid}.table-body .row.selected[data-v-6493e3f4]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-6493e3f4]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-6493e3f4]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-6493e3f4]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-6493e3f4]{border-right:1px solid}.table-body .cell div[data-v-6493e3f4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-6493e3f4]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-6493e3f4]{overflow:initial}.table-body .cell.float[data-v-6493e3f4],.table-body .cell.number[data-v-6493e3f4]{text-align:right}.table-body .cell.string[data-v-6493e3f4],.table-body .cell.stringNumber[data-v-6493e3f4]{text-align:left}.table-body .cell.center[data-v-6493e3f4]{text-align:center}.table-body .cell.left[data-v-6493e3f4]{text-align:left}.table-body .cell.left .wrap[data-v-6493e3f4]{justify-content:flex-start}.table-body .cell.right[data-v-6493e3f4]{text-align:right}.table-body .cell.right .wrap[data-v-6493e3f4]{justify-content:flex-end}.table-body .cell[data-v-6493e3f4]:last-child{border-right:0}.table-resize-line[data-v-6493e3f4]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-6493e3f4]{border-right:1px solid}.vscroll-spacer[data-v-6493e3f4]{opacity:0;clear:both}[v-cloak][data-v-6493e3f4]{display:none}.ev-checkbox[data-v-6493e3f4]{margin:0}.non-border[data-v-6493e3f4]{border:none!important}.is-empty[data-v-6493e3f4]{height:30px;text-align:center}.postgresql[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "3c48":
@@ -5084,6 +5087,21 @@ defineIterator(String, 'String', function (iterated) {
 });
 
 
+/***/ }),
+
+/***/ "3d53":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("69fc");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("6a7aacee", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3f8c":
@@ -5164,21 +5182,6 @@ var global = __webpack_require__("da84");
 module.exports = global;
 
 
-/***/ }),
-
-/***/ "446d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("6bb5");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("0f9b2d07", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "44ad":
@@ -5332,6 +5335,20 @@ module.exports = function (O, defaultConstructor) {
 };
 
 
+/***/ }),
+
+/***/ "4890":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".table[data-v-1aab6f12]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-1aab6f12]{padding-top:0}.table .table-header[data-v-1aab6f12]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-1aab6f12]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-1aab6f12]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-1aab6f12],.column-list[data-v-1aab6f12]{position:relative;height:100%}.column[data-v-1aab6f12]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-1aab6f12]{border-right:1px solid}.column[data-v-1aab6f12]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-1aab6f12]{cursor:default!important}.column .sort-icon[data-v-1aab6f12]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-1aab6f12]{font-size:13px;color:#005cc8}.column-name[data-v-1aab6f12]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-1aab6f12]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-1aab6f12]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-1aab6f12]{display:block;cursor:pointer}.column-filter-status[data-v-1aab6f12]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-1aab6f12]{font-size:10px;vertical-align:top}.column-resize[data-v-1aab6f12]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-1aab6f12]:hover{cursor:col-resize}.table-body[data-v-1aab6f12]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-1aab6f12]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-1aab6f12]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-1aab6f12]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-1aab6f12]{border-bottom:1px solid}.table-body .row[data-v-1aab6f12]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-1aab6f12]{border-bottom:1px solid}.table-body .row.selected[data-v-1aab6f12]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-1aab6f12]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-1aab6f12]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-1aab6f12]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-1aab6f12]{border-right:1px solid}.table-body .cell div[data-v-1aab6f12]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-1aab6f12]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-1aab6f12]{overflow:initial}.table-body .cell.float[data-v-1aab6f12],.table-body .cell.number[data-v-1aab6f12]{text-align:right}.table-body .cell.string[data-v-1aab6f12],.table-body .cell.stringNumber[data-v-1aab6f12]{text-align:left}.table-body .cell.center[data-v-1aab6f12]{text-align:center}.table-body .cell.left[data-v-1aab6f12]{text-align:left}.table-body .cell.left .wrap[data-v-1aab6f12]{justify-content:flex-start}.table-body .cell.right[data-v-1aab6f12]{text-align:right}.table-body .cell.right .wrap[data-v-1aab6f12]{justify-content:flex-end}.table-body .cell[data-v-1aab6f12]:last-child{border-right:0}.table-body .cell.tree-td[data-v-1aab6f12]{text-align:left!important}.table-resize-line[data-v-1aab6f12]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-1aab6f12]{border-right:1px solid}.vscroll-spacer[data-v-1aab6f12]{opacity:0;clear:both}[v-cloak][data-v-1aab6f12]{display:none}.ev-checkbox[data-v-1aab6f12]{margin:0}.non-border[data-v-1aab6f12]{border:none!important}.is-empty[data-v-1aab6f12]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "4930":
@@ -6510,21 +6527,6 @@ var update = add("e9f0be08", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "6301":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("3c39");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("215a702e", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "6360":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6804,17 +6806,6 @@ module.exports = function (originalArray, length) {
 };
 
 
-/***/ }),
-
-/***/ "67bd":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6301");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "67cc":
@@ -6916,14 +6907,14 @@ module.exports = {
 
 /***/ }),
 
-/***/ "6bb5":
+/***/ "69fc":
 /***/ (function(module, exports, __webpack_require__) {
 
 // Imports
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".table[data-v-557cf5ec]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-557cf5ec]{padding-top:0}.table .table-header[data-v-557cf5ec]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-557cf5ec]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-557cf5ec]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-557cf5ec],.column-list[data-v-557cf5ec]{position:relative;height:100%}.column[data-v-557cf5ec]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-557cf5ec]{border-right:1px solid}.column[data-v-557cf5ec]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-557cf5ec]{cursor:default!important}.column .sort-icon[data-v-557cf5ec]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-557cf5ec]{font-size:13px;color:#005cc8}.column-name[data-v-557cf5ec]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-557cf5ec]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-557cf5ec]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-557cf5ec]{display:block;cursor:pointer}.column-filter-status[data-v-557cf5ec]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-557cf5ec]{font-size:10px;vertical-align:top}.column-resize[data-v-557cf5ec]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-557cf5ec]:hover{cursor:col-resize}.table-body[data-v-557cf5ec]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-557cf5ec]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-557cf5ec]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-557cf5ec]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-557cf5ec]{border-bottom:1px solid}.table-body .row[data-v-557cf5ec]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-557cf5ec]{border-bottom:1px solid}.table-body .row.selected[data-v-557cf5ec]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-557cf5ec]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-557cf5ec]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-557cf5ec]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-557cf5ec]{border-right:1px solid}.table-body .cell div[data-v-557cf5ec]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-557cf5ec]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-557cf5ec]{overflow:initial}.table-body .cell.float[data-v-557cf5ec],.table-body .cell.number[data-v-557cf5ec]{text-align:right}.table-body .cell.string[data-v-557cf5ec],.table-body .cell.stringNumber[data-v-557cf5ec]{text-align:left}.table-body .cell.center[data-v-557cf5ec]{text-align:center}.table-body .cell.left[data-v-557cf5ec]{text-align:left}.table-body .cell.left .wrap[data-v-557cf5ec]{justify-content:flex-start}.table-body .cell.right[data-v-557cf5ec]{text-align:right}.table-body .cell.right .wrap[data-v-557cf5ec]{justify-content:flex-end}.table-body .cell[data-v-557cf5ec]:last-child{border-right:0}.table-body .cell.tree-td[data-v-557cf5ec]{text-align:left!important}.table-resize-line[data-v-557cf5ec]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-557cf5ec]{border-right:1px solid}.vscroll-spacer[data-v-557cf5ec]{opacity:0;clear:both}[v-cloak][data-v-557cf5ec]{display:none}.ev-checkbox[data-v-557cf5ec]{margin:0}.non-border[data-v-557cf5ec]{border:none!important}.is-empty[data-v-557cf5ec]{height:30px;text-align:center}", ""]);
+exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend-box{overflow-x:hidden;overflow-y:auto}.ev-chart-legend-container{position:relative;overflow:hidden}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;font-family:Roboto,serif;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
 // Exports
 module.exports = exports;
 
@@ -7265,6 +7256,29 @@ module.exports = [
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "79ef":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
+var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("f051");
+var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__("0924");
+var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__("eb91");
+var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__("a884");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
+var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
+// Module
+exports.push([module.i, ".table[data-v-9801c414]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-9801c414]{padding-top:0}.table .table-header[data-v-9801c414]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-9801c414]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-9801c414]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-9801c414]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-9801c414],.column-list[data-v-9801c414]{position:relative;height:100%}.column[data-v-9801c414]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-9801c414]{border-right:1px solid}.column[data-v-9801c414]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-9801c414]{cursor:default!important}.column .sort-icon[data-v-9801c414]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-9801c414]{font-size:13px;color:#005cc8}.column-name[data-v-9801c414]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-9801c414]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-9801c414]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-9801c414]{display:block;cursor:pointer}.column-filter-status[data-v-9801c414]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-9801c414]{font-size:10px;vertical-align:top}.column-resize[data-v-9801c414]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-9801c414]:hover{cursor:col-resize}.table-body[data-v-9801c414]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-9801c414]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-9801c414]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-9801c414]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-9801c414]{border-bottom:1px solid}.table-body .row[data-v-9801c414]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-9801c414]{border-bottom:1px solid}.table-body .row.selected[data-v-9801c414]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-9801c414]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-9801c414]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-9801c414]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-9801c414]{border-right:1px solid}.table-body .cell div[data-v-9801c414]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-9801c414]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-9801c414]{overflow:initial}.table-body .cell.float[data-v-9801c414],.table-body .cell.number[data-v-9801c414]{text-align:right}.table-body .cell.string[data-v-9801c414],.table-body .cell.stringNumber[data-v-9801c414]{text-align:left}.table-body .cell.center[data-v-9801c414]{text-align:center}.table-body .cell.left[data-v-9801c414]{text-align:left}.table-body .cell.left .wrap[data-v-9801c414]{justify-content:flex-start}.table-body .cell.right[data-v-9801c414]{text-align:right}.table-body .cell.right .wrap[data-v-9801c414]{justify-content:flex-end}.table-body .cell[data-v-9801c414]:last-child{border-right:0}.table-resize-line[data-v-9801c414]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-9801c414]{border-right:1px solid}.vscroll-spacer[data-v-9801c414]{opacity:0;clear:both}[v-cloak][data-v-9801c414]{display:none}.ev-checkbox[data-v-9801c414]{margin:0}.non-border[data-v-9801c414]{border:none!important}.is-empty[data-v-9801c414]{height:30px;text-align:center}.postgresql[data-v-9801c414]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-9801c414]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-9801c414]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-9801c414]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7b0b":
@@ -7665,6 +7679,21 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "87e7":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("b7e0");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("54454ea2", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "8875":
@@ -7943,7 +7972,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.12\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.15\"}");
 
 /***/ }),
 
@@ -8837,17 +8866,6 @@ try {
 }
 
 
-/***/ }),
-
-/***/ "96f9":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f648");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Chart_vue_vue_type_style_index_0_id_53face60_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "971c":
@@ -9807,6 +9825,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "af65":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_1aab6f12_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("044f");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_1aab6f12_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_1aab6f12_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "afaf":
@@ -10224,18 +10253,33 @@ module.exports = {
 
 /***/ }),
 
-/***/ "b7b9":
+/***/ "b7e0":
 /***/ (function(module, exports, __webpack_require__) {
 
 // Imports
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-chart-wrapper{display:block}.ev-chart-container,.ev-chart-wrapper{position:relative;width:100%;height:100%}.ev-chart-container{overflow:hidden}.ev-chart-title{top:0;left:0;width:100%;padding-left:10px;word-wrap:normal;white-space:nowrap;text-overflow:ellipsis;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-chart-legend,.ev-chart-title{position:absolute;overflow:hidden}.ev-chart-legend-box{overflow-x:hidden;overflow-y:auto}.ev-chart-legend-container{position:relative;overflow:hidden}.ev-chart-legend-color,.ev-chart-legend-color--point-line{position:absolute;top:50%;left:0;transform:translateY(-50%);width:18px;height:4px}.ev-chart-legend-color--point-line:after{display:inline-block;position:absolute;top:-2px;left:5px;width:8px;height:8px;content:\" \";border-radius:50%;background-color:inherit}.ev-chart-legend-name{position:absolute;top:50%;left:0;width:100%;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;font-size:12px;margin-left:24px;padding-right:16px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;font-weight:400;transform:translateY(-50%)}.ev-chart-legend-name:hover{font-weight:700}.ev-chart-legend-value{float:right;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ev-chart-resize-bar{position:absolute;background:transparent;opacity:.5;z-index:10}.ev-chart-resize-bar:hover,.ev-chart-resize-ghost{background-color:#e2e2e2}.ev-chart-resize-ghost{position:absolute;width:4px;height:100%;cursor:col-resize;opacity:.5}.ev-chart-resize-ghost.horizontal{width:100%;height:4px;cursor:row-resize}.ev-chart-tooltip{position:absolute;z-index:850;top:0;left:0;overflow-y:hidden;overflow-x:hidden;border-radius:8px}.ev-chart-tooltip .ev-chart-tooltip-header{padding:8px 16px 0 16px;font-family:Roboto,serif;overflow:hidden;font-size:16px}.ev-chart-tooltip .ev-chart-tooltip-header--wrap{word-wrap:break-word}.ev-chart-tooltip .ev-chart-tooltip-header--ellipsis{text-overflow:ellipsis;white-space:nowrap}.ev-chart-tooltip .ev-chart-tooltip-body{overflow-x:hidden;overflow-y:hidden}", ""]);
+exports.push([module.i, ".table[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-fd0ffe52]{padding-top:0}.table .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-fd0ffe52]{border-right:1px solid}.column[data-v-fd0ffe52]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-fd0ffe52]{cursor:default!important}.column .sort-icon[data-v-fd0ffe52]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-fd0ffe52]{font-size:13px;color:#005cc8}.column-name[data-v-fd0ffe52]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-fd0ffe52]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-fd0ffe52]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-fd0ffe52]{display:block;cursor:pointer}.column-filter-status[data-v-fd0ffe52]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-fd0ffe52]{font-size:10px;vertical-align:top}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-fd0ffe52]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
 // Exports
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "b9ad":
+/***/ (function(module, exports, __webpack_require__) {
+
+// style-loader: Adds some css to the DOM by adding a <style> tag
+
+// load the styles
+var content = __webpack_require__("79ef");
+if(typeof content === 'string') content = [[module.i, content, '']];
+if(content.locals) module.exports = content.locals;
+// add the styles to the DOM
+var add = __webpack_require__("499e").default
+var update = add("6709888e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "bac3":
@@ -10283,17 +10327,6 @@ module.exports = function (input, PREFERRED_STRING) {
 };
 
 
-/***/ }),
-
-/***/ "c122":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_557cf5ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("446d");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_557cf5ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_557cf5ec_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "c17c":
@@ -10737,6 +10770,17 @@ module.exports = function (namespace, method) {
 };
 
 
+/***/ }),
+
+/***/ "d11a":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_9801c414_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b9ad");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_9801c414_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_9801c414_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "d1e7":
@@ -10853,20 +10897,6 @@ module.exports = function (it, TAG, STATIC) {
 };
 
 
-/***/ }),
-
-/***/ "d558":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".table[data-v-2eaec3d6]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-2eaec3d6]{padding-top:0}.table .table-header[data-v-2eaec3d6]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-2eaec3d6]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-2eaec3d6]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-2eaec3d6]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-2eaec3d6],.column-list[data-v-2eaec3d6]{position:relative;height:100%}.column[data-v-2eaec3d6]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-2eaec3d6]{border-right:1px solid}.column[data-v-2eaec3d6]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-2eaec3d6]{cursor:default!important}.column .sort-icon[data-v-2eaec3d6]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-2eaec3d6]{font-size:13px;color:#005cc8}.column-name[data-v-2eaec3d6]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-2eaec3d6]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-2eaec3d6]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-2eaec3d6]{display:block;cursor:pointer}.column-filter-status[data-v-2eaec3d6]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-2eaec3d6]{font-size:10px;vertical-align:top}.column-resize[data-v-2eaec3d6]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-2eaec3d6]:hover{cursor:col-resize}.table-body[data-v-2eaec3d6]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-2eaec3d6]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-2eaec3d6]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-2eaec3d6]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-2eaec3d6]{border-bottom:1px solid}.table-body .row[data-v-2eaec3d6]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-2eaec3d6]{border-bottom:1px solid}.table-body .row.selected[data-v-2eaec3d6]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-2eaec3d6]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-2eaec3d6]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-2eaec3d6]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-2eaec3d6]{border-right:1px solid}.table-body .cell div[data-v-2eaec3d6]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-2eaec3d6]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-2eaec3d6]{overflow:initial}.table-body .cell.float[data-v-2eaec3d6],.table-body .cell.number[data-v-2eaec3d6]{text-align:right}.table-body .cell.string[data-v-2eaec3d6],.table-body .cell.stringNumber[data-v-2eaec3d6]{text-align:left}.table-body .cell.center[data-v-2eaec3d6]{text-align:center}.table-body .cell.left[data-v-2eaec3d6]{text-align:left}.table-body .cell.left .wrap[data-v-2eaec3d6]{justify-content:flex-start}.table-body .cell.right[data-v-2eaec3d6]{text-align:right}.table-body .cell.right .wrap[data-v-2eaec3d6]{justify-content:flex-end}.table-body .cell[data-v-2eaec3d6]:last-child{border-right:0}.table-resize-line[data-v-2eaec3d6]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-2eaec3d6]{border-right:1px solid}.vscroll-spacer[data-v-2eaec3d6]{opacity:0;clear:both}[v-cloak][data-v-2eaec3d6]{display:none}.ev-checkbox[data-v-2eaec3d6]{margin:0}.non-border[data-v-2eaec3d6]{border:none!important}.is-empty[data-v-2eaec3d6]{height:30px;text-align:center}.grid-summary[data-v-2eaec3d6]{border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-2eaec3d6]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-2eaec3d6]{border-bottom:none!important}.grid-summary span[data-v-2eaec3d6]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary .column.float[data-v-2eaec3d6],.grid-summary .column.number[data-v-2eaec3d6]{text-align:right}.grid-summary .column.string[data-v-2eaec3d6],.grid-summary .column.stringNumber[data-v-2eaec3d6]{text-align:left}.grid-summary .column.center[data-v-2eaec3d6]{text-align:center}.grid-summary .column.left[data-v-2eaec3d6]{text-align:left}.grid-summary .column.left .wrap[data-v-2eaec3d6]{justify-content:flex-start}.grid-summary .column.right[data-v-2eaec3d6]{text-align:right}.grid-summary .column.right .wrap[data-v-2eaec3d6]{justify-content:flex-end}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "d58f":
@@ -11461,21 +11491,6 @@ module.exports = !fails(function () {
 });
 
 
-/***/ }),
-
-/***/ "e17d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("d558");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("4a75e5f9", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "e260":
@@ -12485,21 +12500,6 @@ module.exports = TO_STRING_TAG_SUPPORT ? classofRaw : function (it) {
 };
 
 
-/***/ }),
-
-/***/ "f648":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("b7b9");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("410590da", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "f772":
@@ -22423,13 +22423,13 @@ var notification_componentObj = Object(external_commonjs_vue_commonjs2_vue_root_
 var notification_rootId = 'ev-notification-modal';
 var notification_root = document.createElement('div');
 notification_root.id = notification_rootId;
-var positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
+var notification_positionList = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
 
 var notification_notification = function notification() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var position = options.position || 'top-right';
 
-  if (!positionList.includes(position)) {
+  if (!notification_positionList.includes(position)) {
     console.warn('[EVUI][Notification] The position value is incorrectly entered.');
     return;
   }
@@ -26291,39 +26291,42 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 var vue3_observe_visibility_common = __webpack_require__("196e");
 var vue3_observe_visibility_common_default = /*#__PURE__*/__webpack_require__.n(vue3_observe_visibility_common);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=6493e3f4&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=9801c414&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-6493e3f4");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-9801c414");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-6493e3f4");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-9801c414");
 
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_2 = {
   key: 0,
   class: "column-filter-status"
 };
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_3 = {
+  key: 0
+};
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_4 = {
   key: 0
 };
 
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_9801c414_scoped_true_hoisted_6 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_9801c414_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
 
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -26374,7 +26377,7 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
       'table-header': true,
       'non-border': !!$setup.borderStyle
     }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_9801c414_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: {
       'column': true,
@@ -26407,7 +26410,7 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
       }
     }, [_ctx.isFiltering && (_ctx$filterList$colum = _ctx.filterList[column.field]) !== null && _ctx$filterList$colum !== void 0 && _ctx$filterList$colum.find(function (item) {
       return item.use;
-    }) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+    }) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_9801c414_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
       icon: "ev-icon-filter"
     })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       title: column.caption,
@@ -26509,24 +26512,23 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
           'line-height': "".concat(_ctx.rowHeight, "px"),
           'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px")
         }
-      }, [!!_ctx.$slots[column.field] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
-        key: 0,
+      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_9801c414_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
         }
-      }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      })])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
         key: 1,
         title: $setup.getConvertValue(column, row[2][column.index])
       }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getConvertValue(column, row[2][column.index])), 9, ["title"]))], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
     }), 128))], 42, ["data-index", "onClick", "onDblclick"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_3, [Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_4])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_9801c414_scoped_true_hoisted_4, [Gridvue_type_template_id_9801c414_scoped_true_hoisted_5])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
     ref: "menu",
     items: _ctx.contextMenuItems
-  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_window, {
+  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_9801c414_scoped_true_hoisted_6, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_window, {
     "is-show": _ctx.showFilterWindow,
     "target-column": _ctx.currentFilter.column,
     "filter-items": _ctx.currentFilter.items,
@@ -26544,8 +26546,9 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
       borderStyle: $setup.borderStyle,
       minWidth: _ctx.minWidth,
       rowHeight: _ctx.rowHeight
-    }
-  }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
+    },
+    "scroll-left": $setup.summaryScroll
+  }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option", "scroll-left"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
     key: 2,
     modelValue: _ctx.currentPage,
     "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
@@ -26558,7 +26561,7 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=6493e3f4&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=9801c414&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.toolbar.vue?vue&type=template&id=3c245986
 
@@ -27214,27 +27217,28 @@ grid_paginationvue_type_script_lang_js.render = grid_paginationvue_type_template
 grid_paginationvue_type_script_lang_js.__scopeId = "data-v-210f4f6a"
 
 /* harmony default export */ var grid_pagination = (grid_paginationvue_type_script_lang_js);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.summary.vue?vue&type=template&id=2eaec3d6&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
 
 
 
-var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-2eaec3d6");
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-fd0ffe52");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-2eaec3d6");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-fd0ffe52");
 
-var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_hoisted_1 = {
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1 = {
   class: "column-list"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/grid_summaryvue_type_template_id_2eaec3d6_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render = /*#__PURE__*/grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    ref: "summaryRef",
     class: {
       'grid-summary': true,
       'non-border': $setup.styleInfo.borderStyle === 'none'
     }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", grid_summaryvue_type_template_id_2eaec3d6_scoped_true_hoisted_1, [$setup.showCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1, [$setup.showCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: {
       'column': true,
@@ -27270,11 +27274,13 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
         width: '100%',
         height: "".concat($setup.styleInfo.rowHeight, "px")
       }
-    }, [column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
-      key: 0
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryRenderer(column)), 1)], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
-      key: 1
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryValue(column, column.summaryType)), 1)], 64))], 4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      key: 0,
+      title: $setup.getSummaryRenderer(column)
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryRenderer(column)), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      key: 1,
+      title: $setup.getSummaryValue(column, column.summaryType)
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryValue(column, column.summaryType)), 9, ["title"]))], 4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 1,
       style: {
         'height': "".concat($setup.styleInfo.rowHeight, "px")
@@ -27282,7 +27288,7 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
     }, null, 4))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128))])], 2);
 });
-// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=template&id=2eaec3d6&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.summary.vue?vue&type=script&lang=js
 
@@ -27327,9 +27333,14 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
     isTree: {
       type: Boolean,
       default: false
+    },
+    scrollLeft: {
+      type: Number,
+      default: 0
     }
   },
   setup: function setup(props) {
+    var summaryRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
     var ROW_DATA_INDEX = 2;
     var stores = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       return props.stores;
@@ -27353,7 +27364,8 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
       } else if (column.type === 'float') {
         var _column$decimal;
 
-        convertValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+        var floatValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+        convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
       }
 
       return convertValue;
@@ -27454,10 +27466,18 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
       return result;
     };
 
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.scrollLeft;
+    }, function (val) {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+        summaryRef.value.scrollLeft = val;
+      });
+    });
     return {
       columns: columns,
       styleInfo: styleInfo,
       showCheckbox: showCheckbox,
+      summaryRef: summaryRef,
       getSummaryValue: getSummaryValue,
       getSummaryRenderer: getSummaryRenderer
     };
@@ -27465,8 +27485,8 @@ var grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render = /*#__PURE__*/
 });
 // CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/grid.summary.vue?vue&type=style&index=0&id=2eaec3d6&lang=scss&scoped=true
-var grid_summaryvue_type_style_index_0_id_2eaec3d6_lang_scss_scoped_true = __webpack_require__("1db4");
+// EXTERNAL MODULE: ./src/components/grid/grid.summary.vue?vue&type=style&index=0&id=fd0ffe52&lang=scss&scoped=true
+var grid_summaryvue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true = __webpack_require__("2f87");
 
 // CONCATENATED MODULE: ./src/components/grid/grid.summary.vue
 
@@ -27474,8 +27494,8 @@ var grid_summaryvue_type_style_index_0_id_2eaec3d6_lang_scss_scoped_true = __web
 
 
 
-grid_summaryvue_type_script_lang_js.render = grid_summaryvue_type_template_id_2eaec3d6_scoped_true_render
-grid_summaryvue_type_script_lang_js.__scopeId = "data-v-2eaec3d6"
+grid_summaryvue_type_script_lang_js.render = grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render
+grid_summaryvue_type_script_lang_js.__scopeId = "data-v-fd0ffe52"
 
 /* harmony default export */ var grid_summary = (grid_summaryvue_type_script_lang_js);
 // CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMatch.js
@@ -28615,7 +28635,8 @@ var uses_commonFunctions = function commonFunctions() {
     } else if (column.type === 'float') {
       var _column$decimal;
 
-      convertValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+      var floatValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+      convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     }
 
     return convertValue;
@@ -28660,6 +28681,7 @@ var scrollEvent = function scrollEvent(params) {
       elementInfo = params.elementInfo,
       resizeInfo = params.resizeInfo,
       pageInfo = params.pageInfo,
+      summaryScroll = params.summaryScroll,
       getPagingData = params.getPagingData,
       updatePagingInfo = params.updatePagingInfo;
   /**
@@ -28712,6 +28734,7 @@ var scrollEvent = function scrollEvent(params) {
     var headerEl = elementInfo.header;
     var bodyEl = elementInfo.body;
     headerEl.scrollLeft = bodyEl.scrollLeft;
+    summaryScroll.value = bodyEl.scrollLeft;
   };
   /**
    * scroll 이벤트를 처리한다.
@@ -30076,12 +30099,15 @@ var uses_pagingEvent = function pagingEvent(params) {
         updatePagingInfo = _pagingEvent.updatePagingInfo,
         changePage = _pagingEvent.changePage;
 
+    var summaryScroll = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
+
     var _scrollEvent = scrollEvent({
       scrollInfo: scrollInfo,
       stores: stores,
       elementInfo: elementInfo,
       resizeInfo: resizeInfo,
       pageInfo: pageInfo,
+      summaryScroll: summaryScroll,
       getPagingData: getPagingData,
       updatePagingInfo: updatePagingInfo
     }),
@@ -30219,8 +30245,12 @@ var uses_pagingEvent = function pagingEvent(params) {
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked;
-    }, function (checkedList) {
-      checkInfo.checkedRows = checkedList;
+    }, function (value) {
+      checkInfo.checkedRows = value;
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return checkInfo.checkedRows;
+    }, function (value) {
       checkInfo.isHeaderChecked = false;
       var store = stores.store;
 
@@ -30230,20 +30260,26 @@ var uses_pagingEvent = function pagingEvent(params) {
 
       if (store.length) {
         store.forEach(function (row) {
-          row[ROW_CHECK_INDEX] = checkedList.includes(row[ROW_DATA_INDEX]);
+          row[ROW_CHECK_INDEX] = value.includes(row[ROW_DATA_INDEX]);
         });
-        checkInfo.isHeaderChecked = checkedList.length === store.length;
+        checkInfo.isHeaderChecked = value.length === store.length;
       }
 
       updateVScroll();
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.selected;
-    }, function (selectedList) {
+    }, function (value) {
+      if (selectInfo.useSelect) {
+        selectInfo.selectedRow = value;
+      }
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return selectInfo.selectedRow;
+    }, function (value) {
       if (selectInfo.useSelect) {
-        selectInfo.selectedRow = selectedList;
         stores.store.forEach(function (row) {
-          row[ROW_SELECT_INDEX] = selectInfo.selectedRow.includes(row[ROW_DATA_INDEX]);
+          row[ROW_SELECT_INDEX] = value.includes(row[ROW_DATA_INDEX]);
         });
         updateVScroll();
       }
@@ -30390,6 +30426,7 @@ var uses_pagingEvent = function pagingEvent(params) {
       });
     });
     return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+      summaryScroll: summaryScroll,
       showHeader: showHeader,
       stripeStyle: stripeStyle,
       borderStyle: borderStyle,
@@ -30428,8 +30465,8 @@ var uses_pagingEvent = function pagingEvent(params) {
 });
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=6493e3f4&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true = __webpack_require__("67bd");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=9801c414&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_9801c414_lang_scss_scoped_true = __webpack_require__("d11a");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30437,8 +30474,8 @@ var Gridvue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true = __webpack_req
 
 
 
-Gridvue_type_script_lang_js.render = Gridvue_type_template_id_6493e3f4_scoped_true_render
-Gridvue_type_script_lang_js.__scopeId = "data-v-6493e3f4"
+Gridvue_type_script_lang_js.render = Gridvue_type_template_id_9801c414_scoped_true_render
+Gridvue_type_script_lang_js.__scopeId = "data-v-9801c414"
 
 /* harmony default export */ var Grid = (Gridvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -30454,9 +30491,9 @@ Grid.install = function (app) {
 };
 
 /* harmony default export */ var grid = (Grid);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=53face60
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/chart/Chart.vue?vue&type=template&id=df219c50
 
-function Chartvue_type_template_id_53face60_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Chartvue_type_template_id_df219c50_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
@@ -30465,7 +30502,7 @@ function Chartvue_type_template_id_53face60_render(_ctx, _cache, $props, $setup,
     class: "ev-chart"
   }, null, 4)), [[_directive_resize, $setup.onResize]]);
 }
-// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=53face60
+// CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=template&id=df219c50
 
 // CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
@@ -31737,6 +31774,12 @@ function utils_throttle_throttle(func, wait, options) {
 
 /* harmony default export */ var utils_throttle = (utils_throttle_throttle);
 /* eslint-enable */
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.entries.js
+var es_object_entries = __webpack_require__("4fad");
+
+// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
+var es_object_values = __webpack_require__("07ac");
+
 // CONCATENATED MODULE: ./node_modules/lodash-es/reverse.js
 /** Used for built-in method references. */
 var reverse_arrayProto = Array.prototype;
@@ -32098,192 +32141,15 @@ function reverse(array) {
     return type === 'doughnut' || type === 'sunburst';
   }
 });
-// CONCATENATED MODULE: ./src/components/chart/helpers/helpers.constant.js
+// CONCATENATED MODULE: ./src/components/chart/model/model.store.js
+
+
+
+
+
+
 
-var AXIS_UNITS = {
-  x: {
-    rectStart: 'x1',
-    rectEnd: 'x2',
-    rectOffsetCounter: function rectOffsetCounter(position) {
-      return position === 'top' ? 'y2' : 'y1';
-    },
-    rectOffset: function rectOffset(position) {
-      return position === 'top' ? 'y1' : 'y2';
-    }
-  },
-  y: {
-    rectStart: 'y2',
-    rectEnd: 'y1',
-    rectOffsetCounter: function rectOffsetCounter(position) {
-      return position === 'left' ? 'x2' : 'x1';
-    },
-    rectOffset: function rectOffset(position) {
-      return position === 'left' ? 'x1' : 'x2';
-    }
-  }
-};
-var COLOR = ['#2b99f0', '#8ac449', '#00C4C5', '#ffde00', '#ff7781', '#8470ff', '#75cd8e', '#48d1cc', '#fec64f', '#fe984f', '#0052ff', '#00a48c', '#83cfde', '#dfe32d', '#ff7d40', '#99c7ff', '#a5fee3', '#0379c9', '#eef093', '#ffa891', '#00c5cd', '#009bc7', '#cacaff', '#ffc125', '#df6264']; // export const COLOR = [
-//   '#00C8FC', '#00F1CD', '#C19F87', '#008FD2', '#93F7FE', '#00FC78', '#0058DE',
-//   '#3BDEFF', '#254763', '#BAEDF9', '#A24E3D', '#1FD017', '#F1D3B6', '#AFC9C9',
-//   '#498700', '#3650FE', '#8786EF', '#68FBFB', '#BCF061', '#CBD3EA',
-// ];
 
-var LINE_OPTION = {
-  show: true,
-  highlight: {
-    defaultSize: 4,
-    maxSize: 6,
-    maxShadowSize: 10,
-    maxShadowOpacity: 0.4
-  },
-  xAxisIndex: 0,
-  yAxisIndex: 0,
-  point: true,
-  pointSize: 3,
-  pointStyle: '',
-  lineWidth: 2,
-  fill: false,
-  fillOpacity: 0.4,
-  showLegend: true
-};
-var BAR_OPTION = {
-  show: true,
-  highlight: {
-    pointSize: 5
-  },
-  xAxisIndex: 0,
-  yAxisIndex: 0,
-  category: true,
-  showLegend: true,
-  showValue: {
-    use: false,
-    fontSize: 12,
-    textColor: '#000000',
-    formatter: null,
-    decimalPoint: 0
-  }
-};
-var PIE_OPTION = {
-  show: true,
-  showLegend: true,
-  stroke: {
-    show: true,
-    color: '#FFFFFF',
-    lineWidth: 2
-  },
-  showValue: {
-    use: false,
-    fontSize: 12,
-    textColor: '#000000',
-    formatter: null
-  }
-};
-var AXIS_OPTION = {
-  min: null,
-  max: null,
-  autoScaleRatio: null,
-  startToZero: false,
-  showAxis: true,
-  axisLineColor: '#C9CFDC',
-  showGrid: true,
-  gridLineColor: '#C9CFDC',
-  showIndicator: false,
-  timeFormat: 'mm:ss',
-  range: null,
-  interval: null,
-  decimalPoint: null,
-  labelStyle: {
-    show: true,
-    fontSize: 12,
-    color: '#25262E',
-    fontFamily: 'Roboto',
-    fontWeight: 400,
-    fitWidth: false,
-    fitDir: 'right'
-  }
-};
-var PLOT_LINE_OPTION = {
-  color: '#FF0000',
-  lineWidth: 1
-};
-var PLOT_LINE_LABEL_OPTION = {
-  show: false,
-  fontSize: 12,
-  fontColor: '#FF0000',
-  fillColor: '#FFFFFF',
-  lineColor: '#FF0000',
-  lineWidth: 0,
-  fontWeight: 400,
-  fontFamily: 'Roboto',
-  verticalAlign: 'middle',
-  textAlign: 'center',
-  textOverflow: 'none',
-  // 'none', 'ellipsis'
-  maxWidth: null
-};
-var PLOT_BAND_OPTION = {
-  color: '#FAE59D'
-};
-var HEAT_MAP_OPTION = _objectSpread2(_objectSpread2({}, LINE_OPTION), {}, {
-  colorOpt: {
-    min: '#FFFFFF',
-    max: '#0052FF',
-    categoryCnt: 5,
-    border: '#FFFFFF',
-    error: '#FF0000'
-  },
-  spaces: {
-    x: 0,
-    y: 0
-  }
-});
-var TIME_INTERVALS = {
-  millisecond: {
-    common: true,
-    size: 1,
-    steps: [1, 2, 5, 10, 20, 50, 100, 250, 500]
-  },
-  second: {
-    common: true,
-    size: 1000,
-    steps: [1, 2, 5, 10, 30]
-  },
-  minute: {
-    common: true,
-    size: 60000,
-    steps: [1, 2, 5, 10, 30]
-  },
-  hour: {
-    common: true,
-    size: 3600000,
-    steps: [1, 2, 3, 6, 12]
-  },
-  day: {
-    common: true,
-    size: 86400000,
-    steps: [1, 2, 5]
-  },
-  week: {
-    common: false,
-    size: 604800000,
-    steps: [1, 2, 3, 4]
-  },
-  month: {
-    common: true,
-    size: 2.628e9,
-    steps: [1, 2, 3]
-  },
-  quarter: {
-    common: false,
-    size: 7.884e9,
-    steps: [1, 2, 3, 4]
-  },
-  year: {
-    common: true,
-    size: 3.154e10
-  }
-};
-// CONCATENATED MODULE: ./src/components/chart/model/model.store.js
 
 
 
@@ -32332,8 +32198,9 @@ var modules = {
             var sData = data[seriesID];
 
             if (series && sData) {
+              series.labels = label;
               series.data = _this.addSeriesDSForHeatMap(sData);
-              series.minMax = _this.getSeriesMinMaxForHeatMap(series.data, series.spaces);
+              series.minMax = _this.getSeriesMinMax(series.data);
               series.valueOpt = _this.getSeriesValueOptForHeatMap(series);
             }
           });
@@ -32680,18 +32547,24 @@ var modules = {
   /**
    * Take data to create data for each series
    * @param {array} data data array for each series
+   * @param {object}  label   chart label
+   *
    * @returns {array} data info added position and etc
    */
   addSeriesDSForHeatMap: function addSeriesDSForHeatMap(data) {
-    return data.map(function (item) {
+    return data.map(function (_ref) {
+      var x = _ref.x,
+          y = _ref.y,
+          value = _ref.value;
       return {
-        x: item.x,
-        y: item.y,
-        o: item.value,
+        x: x,
+        y: y,
+        o: value,
         xp: null,
         yp: null,
+        w: null,
+        h: null,
         dataColor: null,
-        value: item.value,
         cId: null
       };
     });
@@ -32817,85 +32690,31 @@ var modules = {
 
     return def;
   },
-  adjustMinMax: function adjustMinMax(max, min, opt, space) {
-    if (opt.type === 'time' && opt.categoryMode || opt.type === 'step') {
-      return {
-        max: max,
-        min: min
-      };
-    }
-
-    var targetMax = max;
-    var targetMin = min;
-
-    if (targetMax > 0 && opt.interval && space) {
-      if (targetMax < opt.interval * space) {
-        targetMax += opt.interval;
-      }
-    }
-
-    var targetInterval = opt.interval;
-
-    if (opt.type === 'time') {
-      if (typeof targetInterval === 'string') {
-        targetInterval = TIME_INTERVALS[targetInterval].size;
-      } else if (_typeof(targetInterval) === 'object') {
-        targetInterval = targetInterval.time * TIME_INTERVALS[targetInterval.unit].size;
-      }
-    }
-
-    if (!opt.startToZero || targetMin > 0) {
-      var targetSpace = space ? space - 1 : targetMax - targetMin;
-      var targetStep = Math.ceil((max - targetMin) / targetSpace);
-      targetMin = targetMin < targetStep ? 0 : targetMin - targetStep;
-    }
-
-    return {
-      max: targetMax,
-      min: targetMin
-    };
-  },
-
-  /**
-   * Take series data to create min/max info for each series
-   * @param data
-   * @param spaces
-   * @returns {*|{maxDomain: null, minY: null, minX: null, maxY: null, maxX: null}}
-   */
-  getSeriesMinMaxForHeatMap: function getSeriesMinMaxForHeatMap(data, spaces) {
-    var axesXOption = this.options.axesX[0];
-    var axesYOption = this.options.axesY[0];
-    var seriesMinMax = this.getSeriesMinMax(data);
-    var adjustX = this.adjustMinMax(seriesMinMax.maxX, seriesMinMax.minX, axesXOption, spaces.x);
-    seriesMinMax.maxX = adjustX.max;
-    seriesMinMax.minX = adjustX.min;
-    var adjustY = this.adjustMinMax(seriesMinMax.maxY, seriesMinMax.minY, axesYOption, spaces.y);
-    seriesMinMax.maxY = adjustY.max;
-    seriesMinMax.minY = adjustY.min;
-    return seriesMinMax;
-  },
   getSeriesValueOptForHeatMap: function getSeriesValueOptForHeatMap(series) {
     var data = series.data;
-    var colorOpt = series.colorOpt;
-    var colorAxis = series.colorAxis;
+    var colorOpt = this.options.heatMapColor;
     var categoryCnt = colorOpt.categoryCnt;
+    var minValue;
     var maxValue = 0;
     var isExistError = false;
-    data.forEach(function (_ref) {
-      var value = _ref.value;
+    data.forEach(function (_ref2) {
+      var value = _ref2.o;
 
       if (maxValue < value) {
-        maxValue = value;
+        maxValue = Math.max(maxValue, value);
       }
 
       if (value < 0) {
         isExistError = true;
+      } else if (minValue === undefined) {
+        minValue = value;
+      } else {
+        minValue = Math.min(minValue, value);
       }
     });
-    var valueInterval = Math.ceil(maxValue / categoryCnt);
 
-    if (isExistError && colorAxis.length === categoryCnt) {
-      colorAxis.push({
+    if (isExistError && series.colorAxis.length === categoryCnt) {
+      series.colorAxis.push({
         id: "color#".concat(categoryCnt),
         value: colorOpt.error,
         state: 'normal',
@@ -32904,8 +32723,9 @@ var modules = {
     }
 
     return {
+      min: minValue,
       max: maxValue,
-      interval: valueInterval,
+      interval: Math.ceil((maxValue - minValue) / categoryCnt),
       existError: isExistError
     };
   },
@@ -32974,9 +32794,9 @@ var modules = {
 
     return findInfo;
   },
-  getItem: function getItem(_ref2) {
-    var seriesID = _ref2.seriesID,
-        dataIndex = _ref2.dataIndex;
+  getItem: function getItem(_ref3) {
+    var seriesID = _ref3.seriesID,
+        dataIndex = _ref3.dataIndex;
     var useApproximate = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
     var dataInfo = this.getDataByValues(seriesID, dataIndex);
 
@@ -33083,6 +32903,177 @@ var modules = {
     };
   },
 
+  /**
+   * Find seriesId by position x and y
+   * @param {array}   offset          position x and y
+   *
+   * @returns {object} clicked series id
+   */
+  getSeriesIdByPosition: function getSeriesIdByPosition(offset) {
+    var _this6 = this;
+
+    var _offset = _slicedToArray(offset, 2),
+        clickedX = _offset[0],
+        clickedY = _offset[1];
+
+    var chartRect = this.chartRect;
+    var labelOffset = this.labelOffset;
+    var aPos = {
+      x1: chartRect.x1 + labelOffset.left,
+      x2: chartRect.x2 - labelOffset.right,
+      y1: chartRect.y1 + labelOffset.top,
+      y2: chartRect.y2 - labelOffset.bottom
+    };
+    var valueAxes = this.axesY[0];
+    var labelAxes = this.axesX[0];
+    var valueStartPoint = aPos[valueAxes.units.rectStart];
+    var valueEndPoint = aPos[valueAxes.units.rectEnd];
+    var labelStartPoint = aPos[labelAxes.units.rectStart];
+    var labelEndPoint = aPos[labelAxes.units.rectEnd];
+    var result = {
+      sId: null
+    };
+
+    if (clickedY > valueEndPoint && clickedY < valueStartPoint && clickedX < labelEndPoint && clickedX > labelStartPoint) {
+      var hitSeries;
+      var positionList;
+      var hitItem = this.findHitItem(offset);
+      var hitSeriesList = Object.keys(hitItem.items);
+
+      switch (this.options.type) {
+        case 'line':
+          {
+            var orderedSeriesList = this.seriesInfo.charts.line;
+            var isStackChart = Object.values(this.seriesList).some(function (_ref4) {
+              var stackIndex = _ref4.stackIndex;
+              return stackIndex;
+            });
+
+            if (hitSeriesList.length) {
+              // 클릭한 위치에 data 가 존재하는 경우
+              if (isStackChart) {
+                var _positionList$find;
+
+                positionList = orderedSeriesList.filter(function (sId) {
+                  return hitSeriesList.includes(sId);
+                }).map(function (sId) {
+                  var _hitItem$items$sId, _hitItem$items$sId$da;
+
+                  return {
+                    sId: sId,
+                    position: (_hitItem$items$sId = hitItem.items[sId]) === null || _hitItem$items$sId === void 0 ? void 0 : (_hitItem$items$sId$da = _hitItem$items$sId.data) === null || _hitItem$items$sId$da === void 0 ? void 0 : _hitItem$items$sId$da.yp
+                  };
+                });
+                hitSeries = (_positionList$find = positionList.find(function (_ref5) {
+                  var position = _ref5.position;
+                  return clickedY > position;
+                })) === null || _positionList$find === void 0 ? void 0 : _positionList$find.sId;
+              } else {
+                var _Object$entries$find;
+
+                hitSeries = (_Object$entries$find = Object.entries(hitItem.items).find(function (_ref6) {
+                  var _ref7 = _slicedToArray(_ref6, 2),
+                      hit = _ref7[1].hit;
+
+                  return hit;
+                })) === null || _Object$entries$find === void 0 ? void 0 : _Object$entries$find[0];
+              }
+            } else {
+              var _positionList$0$posit;
+
+              // 클릭한 위치에 data 가 존재하지 않는 경우
+              var visibleSeriesList = orderedSeriesList.filter(function (sId) {
+                return _this6.seriesList[sId].show;
+              });
+              positionList = visibleSeriesList.map(function (sId) {
+                var _this6$seriesList$sId;
+
+                return {
+                  sId: sId,
+                  position: (_this6$seriesList$sId = _this6.seriesList[sId].data) === null || _this6$seriesList$sId === void 0 ? void 0 : _this6$seriesList$sId.map(function (_ref8) {
+                    var xp = _ref8.xp,
+                        yp = _ref8.yp;
+                    return [xp, yp];
+                  })
+                };
+              });
+              var dataIndex = (_positionList$0$posit = positionList[0].position) === null || _positionList$0$posit === void 0 ? void 0 : _positionList$0$posit.findIndex(function (_ref9) {
+                var _ref10 = _slicedToArray(_ref9, 1),
+                    xp = _ref10[0];
+
+                return xp >= clickedX;
+              });
+              var vectorList = positionList.map(function (_ref11) {
+                var sId = _ref11.sId,
+                    position = _ref11.position;
+                return {
+                  sId: sId,
+                  vector: {
+                    start: position[dataIndex - 1],
+                    end: position[dataIndex]
+                  }
+                };
+              }); // canvas 의 클릭 위치값은 제 4 사분면의 위치이므로 clickedY, y1, y2 의 값은 음수를 취한다.
+
+              if (isStackChart) {
+                var _vectorList$find;
+
+                hitSeries = (_vectorList$find = vectorList.find(function (_ref12) {
+                  var vector = _ref12.vector;
+
+                  var _vector$start = _slicedToArray(vector.start, 2),
+                      x1 = _vector$start[0],
+                      y1 = _vector$start[1];
+
+                  var _vector$end = _slicedToArray(vector.end, 2),
+                      x2 = _vector$end[0],
+                      y2 = _vector$end[1];
+
+                  var v1 = [x2 - x1, y1 - y2];
+                  var v2 = [x2 - clickedX, clickedY - y2];
+                  var xp = v1[0] * v2[1] - v1[1] * v2[0];
+                  return vector.start.every(function (v) {
+                    return typeof v === 'number';
+                  }) && vector.end.every(function (v) {
+                    return typeof v === 'number';
+                  }) && xp > 0;
+                })) === null || _vectorList$find === void 0 ? void 0 : _vectorList$find.sId;
+              } else {
+                var _vectorList$find2;
+
+                hitSeries = (_vectorList$find2 = vectorList.find(function (_ref13) {
+                  var vector = _ref13.vector;
+
+                  var _vector$start2 = _slicedToArray(vector.start, 2),
+                      x1 = _vector$start2[0],
+                      y1 = _vector$start2[1];
+
+                  var _vector$end2 = _slicedToArray(vector.end, 2),
+                      x2 = _vector$end2[0],
+                      y2 = _vector$end2[1];
+
+                  var a = (y1 - y2) / (x2 - x1);
+                  var b = -1;
+                  var c = -y1 - a * x1;
+                  var distance = Math.abs(a * clickedX - b * clickedY + c) / Math.sqrt(Math.pow(a, 2) + Math.pow(b, 2));
+                  return distance < 3;
+                })) === null || _vectorList$find2 === void 0 ? void 0 : _vectorList$find2.sId;
+              }
+            }
+
+            break;
+          }
+
+        default:
+          break;
+      }
+
+      result.sId = hitSeries;
+    }
+
+    return result;
+  },
+
   /**
    * Find label info by position x and y
    * @param {array}   offset          position x and y
@@ -33090,9 +33081,9 @@ var modules = {
    * @returns {object} clicked label information
    */
   getLabelInfoByPosition: function getLabelInfoByPosition(offset) {
-    var _offset = _slicedToArray(offset, 2),
-        x = _offset[0],
-        y = _offset[1];
+    var _offset2 = _slicedToArray(offset, 2),
+        x = _offset2[0],
+        y = _offset2[1];
 
     var aPos = {
       x1: this.chartRect.x1 + this.labelOffset.left,
@@ -33130,7 +33121,7 @@ var modules = {
    * @returns {object} min/max info for all of data
    */
   getStoreMinMax: function getStoreMinMax() {
-    var _this6 = this;
+    var _this7 = this;
 
     var keys = Object.keys(this.seriesList);
     var isHorizontal = this.options.horizontal;
@@ -33148,7 +33139,7 @@ var modules = {
     if (keys.length) {
       return keys.reduce(function (acc, key) {
         var minmax = acc;
-        var series = _this6.seriesList[key];
+        var series = _this7.seriesList[key];
         var smm = series.minMax;
         var axisX = series.xAxisIndex;
         var axisY = series.yAxisIndex;
@@ -34025,6 +34016,193 @@ var defaultsDeep = _baseRest(function(args) {
 
 /* harmony default export */ var lodash_es_defaultsDeep = (defaultsDeep);
 
+// CONCATENATED MODULE: ./src/components/chart/helpers/helpers.constant.js
+var AXIS_UNITS = {
+  x: {
+    rectStart: 'x1',
+    rectEnd: 'x2',
+    rectOffsetCounter: function rectOffsetCounter(position) {
+      return position === 'top' ? 'y2' : 'y1';
+    },
+    rectOffset: function rectOffset(position) {
+      return position === 'top' ? 'y1' : 'y2';
+    }
+  },
+  y: {
+    rectStart: 'y2',
+    rectEnd: 'y1',
+    rectOffsetCounter: function rectOffsetCounter(position) {
+      return position === 'left' ? 'x2' : 'x1';
+    },
+    rectOffset: function rectOffset(position) {
+      return position === 'left' ? 'x1' : 'x2';
+    }
+  }
+};
+var COLOR = ['#2b99f0', '#8ac449', '#00C4C5', '#ffde00', '#ff7781', '#8470ff', '#75cd8e', '#48d1cc', '#fec64f', '#fe984f', '#0052ff', '#00a48c', '#83cfde', '#dfe32d', '#ff7d40', '#99c7ff', '#a5fee3', '#0379c9', '#eef093', '#ffa891', '#00c5cd', '#009bc7', '#cacaff', '#ffc125', '#df6264']; // export const COLOR = [
+//   '#00C8FC', '#00F1CD', '#C19F87', '#008FD2', '#93F7FE', '#00FC78', '#0058DE',
+//   '#3BDEFF', '#254763', '#BAEDF9', '#A24E3D', '#1FD017', '#F1D3B6', '#AFC9C9',
+//   '#498700', '#3650FE', '#8786EF', '#68FBFB', '#BCF061', '#CBD3EA',
+// ];
+
+var LINE_OPTION = {
+  show: true,
+  highlight: {
+    defaultSize: 4,
+    maxSize: 6,
+    maxShadowSize: 10,
+    maxShadowOpacity: 0.4
+  },
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  point: true,
+  pointSize: 3,
+  pointStyle: '',
+  lineWidth: 2,
+  fill: false,
+  fillOpacity: 0.4,
+  showLegend: true
+};
+var BAR_OPTION = {
+  show: true,
+  highlight: {
+    pointSize: 5
+  },
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  category: true,
+  showLegend: true,
+  showValue: {
+    use: false,
+    fontSize: 12,
+    textColor: '#000000',
+    formatter: null,
+    decimalPoint: 0
+  }
+};
+var PIE_OPTION = {
+  show: true,
+  showLegend: true,
+  stroke: {
+    show: true,
+    color: '#FFFFFF',
+    lineWidth: 2
+  },
+  showValue: {
+    use: false,
+    fontSize: 12,
+    textColor: '#000000',
+    formatter: null
+  }
+};
+var AXIS_OPTION = {
+  min: null,
+  max: null,
+  autoScaleRatio: null,
+  startToZero: false,
+  showAxis: true,
+  axisLineColor: '#C9CFDC',
+  showGrid: true,
+  gridLineColor: '#C9CFDC',
+  showIndicator: false,
+  timeFormat: 'mm:ss',
+  range: null,
+  interval: null,
+  decimalPoint: null,
+  labelStyle: {
+    show: true,
+    fontSize: 12,
+    color: '#25262E',
+    fontFamily: 'Roboto',
+    fontWeight: 400,
+    fitWidth: false,
+    fitDir: 'right'
+  }
+};
+var PLOT_LINE_OPTION = {
+  color: '#FF0000',
+  lineWidth: 1
+};
+var PLOT_LINE_LABEL_OPTION = {
+  show: false,
+  fontSize: 12,
+  fontColor: '#FF0000',
+  fillColor: '#FFFFFF',
+  lineColor: '#FF0000',
+  lineWidth: 0,
+  fontWeight: 400,
+  fontFamily: 'Roboto',
+  verticalAlign: 'middle',
+  textAlign: 'center',
+  textOverflow: 'none',
+  // 'none', 'ellipsis'
+  maxWidth: null
+};
+var PLOT_BAND_OPTION = {
+  color: '#FAE59D'
+};
+var HEAT_MAP_OPTION = {
+  show: true,
+  highlight: {
+    maxShadowOpacity: 0.4
+  },
+  xAxisIndex: 0,
+  yAxisIndex: 0,
+  showLegend: true,
+  showValue: {
+    use: false,
+    fontSize: 12,
+    textColor: '#000000',
+    formatter: null,
+    decimalPoint: 0
+  }
+};
+var TIME_INTERVALS = {
+  millisecond: {
+    common: true,
+    size: 1,
+    steps: [1, 2, 5, 10, 20, 50, 100, 250, 500]
+  },
+  second: {
+    common: true,
+    size: 1000,
+    steps: [1, 2, 5, 10, 30]
+  },
+  minute: {
+    common: true,
+    size: 60000,
+    steps: [1, 2, 5, 10, 30]
+  },
+  hour: {
+    common: true,
+    size: 3600000,
+    steps: [1, 2, 3, 6, 12]
+  },
+  day: {
+    common: true,
+    size: 86400000,
+    steps: [1, 2, 5]
+  },
+  week: {
+    common: false,
+    size: 604800000,
+    steps: [1, 2, 3, 4]
+  },
+  month: {
+    common: true,
+    size: 2.628e9,
+    steps: [1, 2, 3]
+  },
+  quarter: {
+    common: false,
+    size: 7.884e9,
+    steps: [1, 2, 3, 4]
+  },
+  year: {
+    common: true,
+    size: 3.154e10
+  }
+};
 // CONCATENATED MODULE: ./src/components/chart/helpers/helpers.canvas.js
 
 
@@ -34331,7 +34509,6 @@ var defaultsDeep = _baseRest(function(args) {
 
 
 
-
 var element_line_Line = /*#__PURE__*/function () {
   function Line(sId, opt, sIdx) {
     var _this = this;
@@ -34449,9 +34626,10 @@ var element_line_Line = /*#__PURE__*/function () {
 
       var getYPos = function getYPos(val) {
         return helpers_canvas.calculateY(val, minmaxY.graphMin, minmaxY.graphMax, yArea, ysp);
-      };
+      }; // draw line
+
 
-      this.data.reduce(function (prev, curr, ix, item) {
+      this.data.reduce(function (prev, curr, ix) {
         x = getXPos(curr.x);
         y = getYPos(curr.y);
 
@@ -34459,20 +34637,13 @@ var element_line_Line = /*#__PURE__*/function () {
           x += helpers_util.aliasPixel(x);
         }
 
-        if (y === null || x === null) {
-          if (ix - 1 > -1) {
-            // draw fill(area) series not stacked
-            if (_this2.fill && prev.y !== null && !_this2.stackIndex) {
-              ctx.stroke();
-              ctx.lineTo(prev.xp, endPoint);
-              ctx.lineTo(item[startFillIndex].xp, endPoint);
-              ctx.fill();
-              ctx.beginPath();
-            }
-          }
+        if (ix === 0) {
+          ctx.moveTo(x, y);
+        }
+
+        var isNullValue = prev.y === null || curr.y === null || prev.x === null || curr.x === null;
 
-          startFillIndex = ix + 1;
-        } else if (ix === 0 || prev.y === null || curr.y === null || prev.x === null || curr.x === null) {
+        if (isNullValue) {
           ctx.moveTo(x, y);
         } else {
           ctx.lineTo(x, y);
@@ -34484,38 +34655,43 @@ var element_line_Line = /*#__PURE__*/function () {
 
         return curr;
       }, this.data[0]);
-      ctx.stroke();
-      var dataLen = this.data.length;
+      ctx.stroke(); // draw fill
 
-      if (this.fill && dataLen) {
+      if (this.fill && this.data.length) {
+        ctx.beginPath();
         ctx.fillStyle = helpers_util.colorStringToRgba(mainColor, fillOpacity);
+        this.data.forEach(function (currData, ix) {
+          var isEmptyPoint = function isEmptyPoint(data) {
+            return (data === null || data === void 0 ? void 0 : data.x) === null || (data === null || data === void 0 ? void 0 : data.y) === null || (data === null || data === void 0 ? void 0 : data.x) === undefined || (data === null || data === void 0 ? void 0 : data.y) === undefined;
+          };
 
-        if (this.stackIndex) {
-          var reversedDataList = this.data.slice().reverse();
-          reversedDataList.forEach(function (curr, ix) {
-            x = getXPos(curr.x);
-            y = getYPos(curr.b);
-            var prev = reversedDataList[ix - 1];
+          var nextData = _this2.data[ix + 1];
 
-            if (curr.o !== null) {
-              if (prev && prev.o == null) {
-                ctx.moveTo(x, getYPos(curr.b + curr.o));
-              }
+          if (isEmptyPoint(currData)) {
+            startFillIndex = ix + 1;
 
-              ctx.lineTo(x, y);
+            if (!isEmptyPoint(nextData)) {
+              ctx.moveTo(nextData.xp, nextData.yp);
+            }
 
-              if (ix === reversedDataList.length - 1) {
-                ctx.lineTo(x, getYPos(curr.b + curr.o));
-              }
-            } else if (prev && prev.o) {
-              ctx.lineTo(getXPos(prev.x), getYPos(prev.b + prev.o));
+            return;
+          }
+
+          ctx.lineTo(currData.xp, currData.yp);
+
+          if (isEmptyPoint(nextData)) {
+            for (var jx = ix; jx >= startFillIndex; jx--) {
+              var _getYPos;
+
+              var prevData = _this2.data[jx];
+              var xp = prevData.xp;
+              var bp = (_getYPos = getYPos(prevData.b)) !== null && _getYPos !== void 0 ? _getYPos : endPoint;
+              ctx.lineTo(xp, bp);
             }
-          });
-        } else if (startFillIndex < dataLen) {
-          ctx.lineTo(this.data[dataLen - 1].xp, endPoint);
-          ctx.lineTo(this.data[startFillIndex].xp, endPoint);
-        }
 
+            ctx.closePath();
+          }
+        });
         ctx.fill();
       }
 
@@ -35838,7 +36014,6 @@ var element_pie_Pie = /*#__PURE__*/function () {
       var ctx = context !== null && context !== void 0 ? context : this.ctx;
       var slice = new Path2D();
       var radius = this.isSelect ? this.radius + 5 : this.radius;
-      var doughnutHoleRadius = this.radius * this.doughnutHoleSize;
       var color = this.color;
       var noneDownplayOpacity = color.includes('rgba') ? helpers_util.getOpacity(color) : 1;
       var opacity = this.state === 'downplay' ? 0.1 : noneDownplayOpacity;
@@ -35857,7 +36032,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       }
 
       if ((_this$showValue = this.showValue) !== null && _this$showValue !== void 0 && _this$showValue.use) {
-        this.drawValueLabels(ctx, doughnutHoleRadius);
+        this.drawValueLabels(ctx);
       }
 
       ctx.closePath();
@@ -35918,7 +36093,6 @@ var element_pie_Pie = /*#__PURE__*/function () {
 
       var ctx = context;
       var radius = this.isSelect ? this.radius + 5 : this.radius;
-      var doughnutHoleRadius = this.radius * this.doughnutHoleSize;
       ctx.save();
       ctx.shadowOffsetX = 0;
       ctx.shadowOffsetY = 0;
@@ -35933,7 +36107,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
       ctx.fill();
 
       if ((_this$showValue2 = this.showValue) !== null && _this$showValue2 !== void 0 && _this$showValue2.use) {
-        this.drawValueLabels(ctx, doughnutHoleRadius);
+        this.drawValueLabels(ctx);
       }
 
       ctx.closePath();
@@ -35948,19 +36122,12 @@ var element_pie_Pie = /*#__PURE__*/function () {
   }, {
     key: "drawValueLabels",
     value: function drawValueLabels(context) {
+      var ctx = context;
+      var value = this.data.o;
       var _this$showValue3 = this.showValue,
           fontSize = _this$showValue3.fontSize,
           textColor = _this$showValue3.textColor,
           formatter = _this$showValue3.formatter;
-      var ctx = context;
-      ctx.save();
-      ctx.beginPath();
-      ctx.font = "normal normal normal ".concat(fontSize, "px Roboto");
-      ctx.fillStyle = textColor;
-      ctx.lineWidth = 1;
-      ctx.textAlign = 'center';
-      ctx.textBaseline = 'middle';
-      var value = this.data.o;
       var formattedTxt;
 
       if (formatter) {
@@ -35978,14 +36145,22 @@ var element_pie_Pie = /*#__PURE__*/function () {
       var valueWidth = Math.round(ctx.measureText(formattedTxt).width);
 
       if (innerAngle >= valueWidth * ratio && innerAngle >= valueHeight * ratio && radius >= valueWidth * ratio && radius >= valueHeight * ratio) {
+        ctx.save();
+        ctx.beginPath();
+        var noneDownplayOpacity = textColor.includes('rgba') ? helpers_util.getOpacity(textColor) : 1;
+        var opacity = this.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+        ctx.font = "normal normal normal ".concat(fontSize, "px Roboto");
+        ctx.fillStyle = helpers_util.colorStringToRgba(textColor, opacity);
+        ctx.lineWidth = 1;
+        ctx.textAlign = 'center';
+        ctx.textBaseline = 'middle';
         var halfRadius = radius / 2 + this.doughnutHoleSize;
         var centerAngle = (this.endAngle - this.startAngle) / 2 + this.startAngle;
         var xPos = halfRadius * Math.cos(centerAngle) + this.centerX;
         var yPos = halfRadius * Math.sin(centerAngle) + this.centerY;
         ctx.fillText(formattedTxt, xPos, yPos);
+        ctx.restore();
       }
-
-      ctx.restore();
     }
   }]);
 
@@ -36013,7 +36188,7 @@ var element_pie_Pie = /*#__PURE__*/function () {
 
 
 var element_heatmap_HeatMap = /*#__PURE__*/function () {
-  function HeatMap(sId, opt, sIdx) {
+  function HeatMap(sId, opt, colorOpt) {
     var _this = this;
 
     _classCallCheck(this, HeatMap);
@@ -36022,28 +36197,15 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
     Object.keys(merged).forEach(function (key) {
       _this[key] = merged[key];
     });
-    ['color', 'pointFill', 'fillColor'].forEach(function (colorProp) {
-      if (_this[colorProp] === undefined) {
-        _this[colorProp] = COLOR[sIdx];
-      }
-    });
-    this.colorAxis = this.createColorAxis(opt.colorOpt);
-    this.errorColor = opt.colorOpt.error;
-    this.borderColor = opt.colorOpt.border;
+    this.createColorAxis(colorOpt);
     this.sId = sId;
     this.data = [];
-    this.spaces = opt.spaces || {
-      x: null,
-      y: null
-    };
+    this.labels = {};
+    this.valueOpt = {};
     this.size = {
       w: 0,
       h: 0
     };
-    this.valueOpt = {
-      max: 0,
-      interval: 0
-    };
     this.type = 'heatMap';
   }
   /**
@@ -36059,7 +36221,9 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
       var colorAxis = [];
       var min = colorOpt.min,
           max = colorOpt.max,
-          categoryCnt = colorOpt.categoryCnt;
+          categoryCnt = colorOpt.categoryCnt,
+          error = colorOpt.error,
+          stroke = colorOpt.stroke;
       var minColor = min.includes('#') ? helpers_util.hexToRgb(min) : min;
       var maxColor = max.includes('#') ? helpers_util.hexToRgb(max) : max;
 
@@ -36091,34 +36255,67 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
         });
       }
 
-      return colorAxis;
+      this.colorAxis = colorAxis;
+      this.errorColor = error;
+      this.stroke = stroke;
     }
   }, {
     key: "getColorIndex",
     value: function getColorIndex(value) {
       var existError = this.valueOpt.existError;
-      var maxIndex = this.colorAxis.length;
+      var maxIndex = this.colorAxis.length - 1;
 
-      if (value < 0) {
-        return maxIndex - 1;
+      if (existError && value < 0) {
+        return maxIndex;
       }
 
       var colorIndex = Math.floor(value / this.valueOpt.interval);
 
       if (colorIndex >= maxIndex) {
-        return existError ? maxIndex - 2 : maxIndex - 1;
+        return existError ? maxIndex - 1 : maxIndex;
       }
 
       return colorIndex;
     }
   }, {
     key: "drawItem",
-    value: function drawItem(ctx, xp, yp) {
+    value: function drawItem(ctx, x, y, w, h) {
       ctx.beginPath();
-      ctx.strokeRect(xp - this.size.w, yp + Math.SQRT2, this.size.w, this.size.h);
-      ctx.fillRect(xp - this.size.w, yp + Math.SQRT2, this.size.w, this.size.h);
+
+      if (this.stroke.show) {
+        ctx.strokeRect(x, y, w, h);
+        ctx.fillRect(x, y, w, h);
+      } else {
+        var aliasPixel = helpers_util.aliasPixel(1);
+        ctx.fillRect(x, y - aliasPixel, w + aliasPixel, h + aliasPixel);
+      }
+
       ctx.closePath();
-      ctx.stroke();
+    }
+  }, {
+    key: "calculateXY",
+    value: function calculateXY(dir, value, startPoint) {
+      var point = null;
+
+      if (this.labels[dir] && this.labels[dir].length) {
+        var index = this.labels[dir].findIndex(function (label) {
+          return label === value;
+        });
+
+        if (index > -1) {
+          point = dir === 'x' ? startPoint + this.size.w * index : startPoint - this.size.h * (index + 1);
+        } else {
+          var timeIndex = this.labels[dir].findIndex(function (label) {
+            return new Date(label).getTime() === new Date(value).getTime();
+          });
+
+          if (timeIndex > -1) {
+            point = dir === 'x' ? startPoint + this.size.w * timeIndex : startPoint - this.size.h * (timeIndex + 1);
+          }
+        }
+      }
+
+      return point;
     }
   }, {
     key: "draw",
@@ -36131,24 +36328,23 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
 
       var ctx = param.ctx,
           chartRect = param.chartRect,
-          labelOffset = param.labelOffset,
-          axesSteps = param.axesSteps;
-      var minmaxX = axesSteps.x[this.xAxisIndex];
-      var minmaxY = axesSteps.y[this.yAxisIndex];
+          labelOffset = param.labelOffset;
       var xArea = chartRect.chartWidth - (labelOffset.left + labelOffset.right);
       var yArea = chartRect.chartHeight - (labelOffset.top + labelOffset.bottom);
       var xsp = chartRect.x1 + labelOffset.left;
       var ysp = chartRect.y2 - labelOffset.bottom;
-      this.size.w = Math.floor(xArea / (this.spaces.x || minmaxX.graphMax - minmaxX.graphMin));
-      this.size.h = Math.floor(yArea / (this.spaces.y || minmaxY.graphMax - minmaxY.graphMin));
+      this.size.w = xArea / this.labels.x.length;
+      this.size.h = yArea / this.labels.y.length;
       this.data.forEach(function (item) {
-        item.xp = helpers_canvas.calculateX(item.x, minmaxX.graphMin, minmaxX.graphMax, xArea, xsp);
-        item.yp = helpers_canvas.calculateY(item.y, minmaxY.graphMin, minmaxY.graphMax, yArea, ysp);
-        var xp = item.xp,
-            yp = item.yp,
-            value = item.o;
+        var xp = _this2.calculateXY('x', item.x, xsp);
 
-        if (xp !== null && yp !== null) {
+        var yp = _this2.calculateXY('y', item.y, ysp);
+
+        var w = _this2.size.w;
+        var h = _this2.size.h;
+        var value = item.o;
+
+        if (xp !== null && yp !== null && value !== null && value !== undefined) {
           var colorIndex = _this2.getColorIndex(value);
 
           var opacity = _this2.colorAxis[colorIndex].state === 'downplay' ? 0.1 : 1;
@@ -36156,14 +36352,137 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
           item.cId = _this2.colorAxis[colorIndex].id;
 
           if (_this2.colorAxis[colorIndex].show) {
-            ctx.strokeStyle = helpers_util.colorStringToRgba(_this2.borderColor, opacity);
             ctx.fillStyle = helpers_util.colorStringToRgba(item.dataColor, opacity);
 
-            _this2.drawItem(ctx, xp, yp);
+            if (_this2.stroke.show) {
+              var _this2$stroke = _this2.stroke,
+                  color = _this2$stroke.color,
+                  lineWidth = _this2$stroke.lineWidth,
+                  sOpacity = _this2$stroke.opacity;
+              ctx.strokeStyle = helpers_util.colorStringToRgba(color, opacity === 1 ? sOpacity : opacity);
+              ctx.lineWidth = lineWidth;
+              xp += lineWidth * 1.5;
+              yp += lineWidth * 1.5;
+              w -= lineWidth * 2;
+              h -= lineWidth * 2;
+            }
+
+            _this2.drawItem(ctx, xp, yp, w, h);
+
+            if (_this2.showValue.use) {
+              _this2.drawValueLabels({
+                context: ctx,
+                data: item,
+                positions: {
+                  x: xp,
+                  y: yp,
+                  w: w,
+                  h: h
+                }
+              });
+            }
           }
+
+          item.xp = xp;
+          item.yp = yp;
+          item.w = w;
+          item.h = h;
         }
       });
     }
+    /**
+     * Draw value label if series 'use' of showValue option is true
+     *
+     * @param context           canvas context
+     * @param data              series value data (model.store.js addData return value)
+     */
+
+  }, {
+    key: "drawValueLabels",
+    value: function drawValueLabels(_ref) {
+      var context = _ref.context,
+          data = _ref.data,
+          positions = _ref.positions;
+      var _this$showValue = this.showValue,
+          fontSize = _this$showValue.fontSize,
+          textColor = _this$showValue.textColor,
+          align = _this$showValue.align,
+          formatter = _this$showValue.formatter,
+          decimalPoint = _this$showValue.decimalPoint;
+      var x = positions.x,
+          y = positions.y,
+          w = positions.w,
+          h = positions.h;
+      var ctx = context;
+      ctx.save();
+      ctx.beginPath();
+      ctx.font = "normal normal normal ".concat(fontSize, "px Roboto");
+      ctx.fillStyle = textColor;
+      ctx.lineWidth = 1;
+      ctx.textBaseline = 'middle';
+      ctx.textAlign = align !== 'center' ? 'left' : 'center';
+      var value = data.o;
+      var formattedTxt;
+
+      if (formatter) {
+        formattedTxt = formatter(value);
+      }
+
+      if (!formatter || typeof formattedTxt !== 'string') {
+        formattedTxt = helpers_util.labelSignFormat(value, decimalPoint);
+      }
+
+      var vw = Math.round(ctx.measureText(formattedTxt).width);
+      var vh = fontSize;
+      var centerX = x + w / 2;
+      var centerY = y + h / 2;
+
+      if (vw >= w || vh >= h || formattedTxt < 0) {
+        return;
+      }
+
+      switch (align) {
+        case 'top':
+          {
+            var xPos = centerX - vw / 2;
+            var yPos = centerY - vh / 2;
+            ctx.fillText(formattedTxt, xPos, yPos);
+            break;
+          }
+
+        case 'right':
+          {
+            var _xPos = x + w - vw;
+
+            ctx.fillText(formattedTxt, _xPos, centerY);
+            break;
+          }
+
+        case 'bottom':
+          {
+            var _xPos2 = centerX - vw / 2;
+
+            var _yPos = centerY + vh / 2;
+
+            ctx.fillText(formattedTxt, _xPos2, _yPos);
+            break;
+          }
+
+        case 'left':
+          ctx.fillText(formattedTxt, x, centerY);
+          break;
+
+        default:
+          {
+            var _xPos3 = centerX - vw / 2;
+
+            ctx.fillText(formattedTxt, _xPos3, centerY);
+            break;
+          }
+      }
+
+      ctx.restore();
+    }
     /**
      *Returns items in range
      * @param {object} params  range values
@@ -36173,16 +36492,24 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
 
   }, {
     key: "findItems",
-    value: function findItems(_ref) {
-      var xsp = _ref.xsp,
-          ysp = _ref.ysp,
-          width = _ref.width,
-          height = _ref.height;
+    value: function findItems(_ref2) {
+      var xsp = _ref2.xsp,
+          ysp = _ref2.ysp,
+          width = _ref2.width,
+          height = _ref2.height;
       var gdata = this.data;
       var xep = xsp + width;
       var yep = ysp + height;
-      return gdata.filter(function (seriesData) {
-        return xsp - 1 <= seriesData.xp && seriesData.xp <= xep + 1 && ysp - 1 <= seriesData.yp && seriesData.yp <= yep + 1;
+      return gdata.filter(function (_ref3) {
+        var xp = _ref3.xp,
+            yp = _ref3.yp,
+            w = _ref3.w,
+            h = _ref3.h;
+        var x1 = xp;
+        var x2 = xp + w;
+        var y1 = yp;
+        var y2 = yp + h;
+        return x1 >= xsp && x1 <= xep && y1 >= ysp && y1 <= yep || x1 >= xsp && x1 <= xep && y2 >= ysp && y2 <= yep || x2 >= xsp && x2 <= xep && y1 >= ysp && y1 <= yep || x2 >= xsp && x2 <= xep && y2 >= ysp && y2 <= yep;
       });
     }
     /**
@@ -36200,13 +36527,29 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
       var ctx = context;
       var x = gdata.xp;
       var y = gdata.yp;
+      var w = gdata.w;
+      var h = gdata.h;
       ctx.save();
 
       if (x !== null && y !== null) {
         var color = gdata.dataColor;
         ctx.strokeStyle = helpers_util.colorStringToRgba(color, 1);
         ctx.fillStyle = helpers_util.colorStringToRgba(color, this.highlight.maxShadowOpacity);
-        this.drawItem(ctx, x, y);
+        ctx.shadowColor = color;
+        this.drawItem(ctx, x, y, w, h);
+
+        if (this.showValue.use) {
+          this.drawValueLabels({
+            context: ctx,
+            data: gdata,
+            positions: {
+              x: x,
+              y: y,
+              w: w,
+              h: h
+            }
+          });
+        }
       }
 
       ctx.restore();
@@ -36229,13 +36572,13 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
         color: null,
         name: null
       };
-      var wSize = this.size.w;
-      var hSize = this.size.h;
       var gdata = this.data;
       var foundItem = gdata.find(function (data) {
-        var x = data.xp;
-        var y = data.yp;
-        return x - wSize <= xp && xp <= x && y <= yp && yp <= y + hSize;
+        var x = data.xp,
+            y = data.yp,
+            wSize = data.w,
+            hSize = data.h;
+        return x <= xp && xp <= x + wSize && y <= yp && yp <= y + hSize;
       });
 
       if (foundItem) {
@@ -36246,6 +36589,114 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
 
       return item;
     }
+  }, {
+    key: "findBlockRange",
+    value: function findBlockRange(_ref4) {
+      var xcp = _ref4.xcp,
+          xep = _ref4.xep,
+          ycp = _ref4.ycp,
+          yep = _ref4.yep,
+          range = _ref4.range;
+      var labels = this.labels;
+      var blockRange = {
+        xsp: Math.min(xcp, xep),
+        ysp: Math.min(ycp, yep),
+        width: Math.ceil(Math.abs(xep - xcp)),
+        height: Math.ceil(Math.abs(yep - ycp))
+      };
+
+      if (labels.x.length && labels.y.length) {
+        var x1 = range.x1,
+            x2 = range.x2,
+            y1 = range.y1,
+            y2 = range.y2;
+        var gapX = (x2 - x1) / labels.x.length;
+        var gapY = (y2 - y1) / labels.y.length;
+        var point = {
+          xsp: xcp,
+          xep: xep,
+          ysp: ycp,
+          yep: yep
+        };
+
+        var setPoint = function setPoint(dir, target, key) {
+          var itemPoint;
+          var gap;
+          var startPoint;
+
+          if (dir === 'x') {
+            gap = gapX;
+            startPoint = x1;
+          } else {
+            gap = gapY;
+            startPoint = y1;
+          }
+
+          var findItem = labels[dir].findIndex(function (item, index) {
+            itemPoint = Math.round(startPoint + gap * index) + helpers_util.aliasPixel(1);
+            return itemPoint <= target && target <= itemPoint + gap;
+          });
+
+          if (findItem > -1) {
+            point[key] = ['xsp', 'ysp'].includes(key) ? itemPoint : itemPoint + gap;
+          }
+        };
+
+        setPoint('x', Math.min(xcp, xep), 'xsp');
+        setPoint('x', Math.max(xcp, xep), 'xep');
+        setPoint('y', Math.min(ycp, yep), 'ysp');
+        setPoint('y', Math.max(ycp, yep), 'yep');
+        blockRange.xsp = Math.min(point.xsp, point.xep);
+        blockRange.ysp = Math.min(point.ysp, point.yep);
+        blockRange.width = Math.abs(point.xep - point.xsp);
+        blockRange.height = Math.abs(point.yep - point.ysp);
+      }
+
+      return blockRange;
+    }
+  }, {
+    key: "findSelectionRange",
+    value: function findSelectionRange(rangeInfo) {
+      var xcp = rangeInfo.xcp,
+          ycp = rangeInfo.ycp,
+          width = rangeInfo.width,
+          height = rangeInfo.height,
+          range = rangeInfo.range;
+      var selectionRange = null;
+      var x1 = range.x1,
+          x2 = range.x2,
+          y1 = range.y1,
+          y2 = range.y2;
+      var _this$labels = this.labels,
+          labelX = _this$labels.x,
+          labelY = _this$labels.y;
+
+      if (labelX.length && labelY.length) {
+        var gapX = (x2 - x1) / labelX.length;
+        var gapY = (y2 - y1) / labelY.length;
+        var xsp = xcp;
+        var xep = xcp + width;
+        var ysp = ycp;
+        var yep = ycp + height;
+        var xIndex = {
+          min: Math.floor((xsp - x1) / gapX),
+          max: Math.floor((xep - x1 - gapX) / gapX)
+        };
+        var lastIndexY = labelY.length - 1;
+        var yIndex = {
+          min: lastIndexY - Math.floor((yep - y1 - gapY) / gapY),
+          max: lastIndexY - Math.floor((ysp - y1) / gapY)
+        };
+        selectionRange = {
+          xMin: labelX[xIndex.min],
+          xMax: labelX[xIndex.max],
+          yMin: labelY[yIndex.min],
+          yMax: labelY[yIndex.max]
+        };
+      }
+
+      return selectionRange;
+    }
   }]);
 
   return HeatMap;
@@ -36320,7 +36771,7 @@ var model_series_modules = {
       return new element_pie(id, opt, index);
     } else if (type === 'heatMap') {
       this.seriesInfo.charts.heatMap.push(id);
-      return new element_heatmap(id, opt, index);
+      return new element_heatmap(id, opt, this.options.heatMapColor);
     }
 
     return false;
@@ -36381,6 +36832,9 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 
 
 
+
+
+
 var scale_Scale = /*#__PURE__*/function () {
   function Scale(type, opt, ctx, options) {
     var _this = this;
@@ -36547,11 +37001,11 @@ var scale_Scale = /*#__PURE__*/function () {
 
   }, {
     key: "draw",
-    value: function draw(chartRect, labelOffset, stepInfo, hitInfo) {
+    value: function draw(chartRect, labelOffset, stepInfo, hitInfo, selectLabelInfo) {
       var _this$labelStyle,
+          _this2 = this,
           _this$plotBands,
-          _this$plotLines,
-          _this2 = this;
+          _this$plotLines;
 
       var ctx = this.ctx;
       var options = this.options;
@@ -36615,11 +37069,16 @@ var scale_Scale = /*#__PURE__*/function () {
         var labelText;
 
         for (var ix = 0; ix <= steps; ix++) {
+          var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
+
           ctx.beginPath();
           ticks[ix] = axisMin + ix * stepValue;
           labelCenter = Math.round(startPoint + labelGap * ix);
           linePosition = labelCenter + aliasPixel;
           labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
+          var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
+            return _this2.getLabelFormat(Math.min(axisMax, t));
+          }).includes(labelText));
           var labelColor = this.labelStyle.color;
           var defaultOpacity = 1;
 
@@ -36627,16 +37086,16 @@ var scale_Scale = /*#__PURE__*/function () {
             defaultOpacity = helpers_util.getOpacity(labelColor);
           }
 
-          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, defaultOpacity);
+          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
           var labelPoint = void 0;
 
           if (this.type === 'x') {
-            var _options$selectItem, _this$options;
+            var _options$selectItem, _this$options3;
 
             labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
             ctx.fillText(labelText, labelCenter, labelPoint);
 
-            if (options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.horizontal)) {
+            if (!isBlurredLabel && options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.horizontal)) {
               var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
 
               if (selectedLabel === labelText) {
@@ -37527,7 +37986,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
   _createClass(StepScale, [{
     key: "calculateScaleRange",
     value: function calculateScaleRange(minMax, chartRect) {
-      var stepMinMax = helpers_util.getStringMinMax(this.labels);
+      var stepMinMax = this.rangeMode ? minMax : helpers_util.getStringMinMax(this.labels);
       var maxValue = stepMinMax.max;
       var minValue = stepMinMax.min;
       var maxWidth = chartRect.chartWidth / (this.labels.length + 2);
@@ -37549,9 +38008,21 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
   }, {
     key: "calculateSteps",
     value: function calculateSteps(range) {
+      var numberOfSteps = this.labels.length;
+      var interval = 1;
+
+      if (this.rangeMode) {
+        var maxSteps = range.maxSteps;
+
+        while (numberOfSteps > maxSteps * 2) {
+          interval *= 2;
+          numberOfSteps = Math.round(numberOfSteps / interval);
+        }
+      }
+
       return {
-        steps: this.labels.length,
-        interval: 1,
+        steps: numberOfSteps,
+        interval: interval,
         graphMin: range.minValue,
         graphMax: range.maxValue
       };
@@ -37569,9 +38040,9 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
     key: "draw",
     value: function draw(chartRect, labelOffset, stepInfo, hitInfo, selectLabelInfo) {
       var _this$labelStyle,
-          _this2 = this,
           _this$plotBands,
-          _this$plotLines;
+          _this$plotLines,
+          _this2 = this;
 
       var ctx = this.ctx;
       var labels = this.labels;
@@ -37581,7 +38052,9 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
         y1: chartRect.y1 + labelOffset.top,
         y2: chartRect.y2 - labelOffset.bottom
       };
+      var oriSteps = this.labels.length;
       var steps = stepInfo.steps;
+      var count = stepInfo.interval;
       var startPoint = aPos[this.units.rectStart];
       var endPoint = aPos[this.units.rectEnd];
       var offsetPoint = aPos[this.units.rectOffset(this.position)];
@@ -37627,14 +38100,17 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
         ctx.strokeStyle = this.gridLineColor;
         var labelText;
         var labelPoint;
-        labels.forEach(function (item, index) {
-          var _this2$options, _this2$options$select, _this2$options2, _this2$options2$selec, _selectLabelInfo$data, _selectLabelInfo$data2;
+        var index;
 
+        for (index = 0; index < oriSteps; index += count) {
+          var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data, _selectLabelInfo$data2;
+
+          var item = this.labels[index];
           labelCenter = Math.round(startPoint + labelGap * index);
           linePosition = labelCenter + aliasPixel;
-          labelText = _this2.getLabelFormat(item, maxWidth);
-          var isBlurredLabel = ((_this2$options = _this2.options) === null || _this2$options === void 0 ? void 0 : (_this2$options$select = _this2$options.selectLabel) === null || _this2$options$select === void 0 ? void 0 : _this2$options$select.use) && ((_this2$options2 = _this2.options) === null || _this2$options2 === void 0 ? void 0 : (_this2$options2$selec = _this2$options2.selectLabel) === null || _this2$options2$selec === void 0 ? void 0 : _this2$options2$selec.useLabelOpacity) && _this2.options.horizontal === (_this2.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && (_selectLabelInfo$data2 = selectLabelInfo.dataIndex) !== null && _selectLabelInfo$data2 !== void 0 && _selectLabelInfo$data2.includes(index));
-          var labelColor = _this2.labelStyle.color;
+          labelText = this.getLabelFormat(item, maxWidth);
+          var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && (_selectLabelInfo$data2 = selectLabelInfo.dataIndex) !== null && _selectLabelInfo$data2 !== void 0 && _selectLabelInfo$data2.includes(index));
+          var labelColor = this.labelStyle.color;
           var defaultOpacity = 1;
 
           if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
@@ -37643,21 +38119,22 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
           ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
 
-          if (_this2.type === 'x') {
-            var _this2$options3, _this2$options3$selec, _this2$options4;
+          if (this.type === 'x') {
+            var _this$options3, _this$options3$select, _this$options4;
 
-            labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-            ctx.fillText(labelText, labelCenter + labelGap / 2, labelPoint);
+            labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+            var xPoint = this.rangeMode ? labelCenter : labelCenter + labelGap / 2;
+            ctx.fillText(labelText, xPoint, labelPoint);
 
-            if (!isBlurredLabel && (_this2$options3 = _this2.options) !== null && _this2$options3 !== void 0 && (_this2$options3$selec = _this2$options3.selectItem) !== null && _this2$options3$selec !== void 0 && _this2$options3$selec.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this2$options4 = _this2.options) !== null && _this2$options4 !== void 0 && _this2$options4.horizontal)) {
+            if (!isBlurredLabel && (_this$options3 = this.options) !== null && _this$options3 !== void 0 && (_this$options3$select = _this$options3.selectItem) !== null && _this$options3$select !== void 0 && _this$options3$select.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options4 = this.options) !== null && _this$options4 !== void 0 && _this$options4.horizontal)) {
               var selectedLabel = hitInfo.label;
 
               if (selectedLabel === labelText) {
-                var _this2$labelStyle, _this2$options5, _this2$options5$selec, _this2$options5$selec2, _this2$options6, _this2$options6$selec, _this2$options6$selec2;
+                var _this$labelStyle2, _this$options5, _this$options5$select, _this$options5$select2, _this$options6, _this$options6$select, _this$options6$select2;
 
-                var height = Math.round(ctx.measureText((_this2$labelStyle = _this2.labelStyle) === null || _this2$labelStyle === void 0 ? void 0 : _this2$labelStyle.fontSize).width);
+                var height = Math.round(ctx.measureText((_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.fontSize).width);
                 helpers_util.showLabelTip({
-                  ctx: _this2.ctx,
+                  ctx: this.ctx,
                   width: Math.round(ctx.measureText(selectedLabel).width) + 10,
                   height: height,
                   x: labelCenter + labelGap / 2,
@@ -37665,28 +38142,59 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
                   borderRadius: 2,
                   arrowSize: 3,
                   text: labelText,
-                  backgroundColor: (_this2$options5 = _this2.options) === null || _this2$options5 === void 0 ? void 0 : (_this2$options5$selec = _this2$options5.selectItem) === null || _this2$options5$selec === void 0 ? void 0 : (_this2$options5$selec2 = _this2$options5$selec.labelTipStyle) === null || _this2$options5$selec2 === void 0 ? void 0 : _this2$options5$selec2.backgroundColor,
-                  textColor: (_this2$options6 = _this2.options) === null || _this2$options6 === void 0 ? void 0 : (_this2$options6$selec = _this2$options6.selectItem) === null || _this2$options6$selec === void 0 ? void 0 : (_this2$options6$selec2 = _this2$options6$selec.labelTipStyle) === null || _this2$options6$selec2 === void 0 ? void 0 : _this2$options6$selec2.textColor
+                  backgroundColor: (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : (_this$options5$select = _this$options5.selectItem) === null || _this$options5$select === void 0 ? void 0 : (_this$options5$select2 = _this$options5$select.labelTipStyle) === null || _this$options5$select2 === void 0 ? void 0 : _this$options5$select2.backgroundColor,
+                  textColor: (_this$options6 = this.options) === null || _this$options6 === void 0 ? void 0 : (_this$options6$select = _this$options6.selectItem) === null || _this$options6$select === void 0 ? void 0 : (_this$options6$select2 = _this$options6$select.labelTipStyle) === null || _this$options6$select2 === void 0 ? void 0 : _this$options6$select2.textColor
                 });
               }
             }
 
-            if (index > 0 && _this2.showGrid) {
+            if (index > 0 && this.showGrid) {
               ctx.moveTo(linePosition, offsetPoint);
               ctx.lineTo(linePosition, offsetCounterPoint);
             }
           } else {
-            labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-            ctx.fillText(labelText, labelPoint, labelCenter + labelGap / 2);
+            labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+            var yPoint = this.rangeMode ? labelCenter : labelCenter + labelGap / 2;
+            ctx.fillText(labelText, labelPoint, yPoint);
 
-            if (index > 0 && _this2.showGrid) {
+            if (index > 0 && this.showGrid) {
               ctx.moveTo(offsetPoint, linePosition);
               ctx.lineTo(offsetCounterPoint, linePosition);
             }
           }
 
           ctx.stroke();
-        });
+        }
+
+        if (this.rangeMode && index === this.labels.length) {
+          var labelLastText = +labels[labels.length - 1] + (+labels[1] - +labels[0]);
+
+          if (isNaN(labelLastText)) {
+            labelLastText = 'Max';
+          }
+
+          labelCenter = Math.round(startPoint + labelGap * labels.length);
+          linePosition = labelCenter + aliasPixel;
+
+          if (this.type === 'x') {
+            ctx.fillText(labelLastText, labelCenter, labelPoint);
+
+            if (this.showGrid) {
+              ctx.moveTo(linePosition, offsetPoint);
+              ctx.lineTo(linePosition, offsetCounterPoint);
+            }
+          } else {
+            ctx.fillText(labelLastText, labelPoint, labelCenter);
+
+            if (this.showGrid) {
+              ctx.moveTo(offsetPoint, linePosition);
+              ctx.lineTo(offsetCounterPoint, linePosition);
+            }
+          }
+
+          ctx.stroke();
+        }
+
         ctx.closePath();
       } // draw plot lines and plot bands
 
@@ -38000,7 +38508,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
 
       var graphGap = (endPoint - startPoint) / (labels.length || 1);
 
-      if (this.categoryMode) {
+      if (this.categoryMode && !this.rangeMode) {
         startPoint += Math.ceil(graphGap / 2) - 2;
       }
 
@@ -38010,6 +38518,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
       ctx.beginPath();
       ctx.strokeStyle = this.gridLineColor;
       var labelText;
+      var labelPoint;
 
       for (var ix = 0; ix < oriSteps; ix += count) {
         var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data, _selectLabelInfo$data2;
@@ -38027,7 +38536,6 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         }
 
         ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
-        var labelPoint = void 0;
 
         if (this.type === 'x') {
           var _this$options3, _this$options3$select, _this$options4;
@@ -38074,6 +38582,31 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         ctx.stroke();
       }
 
+      if (this.categoryMode && this.rangeMode && count * steps === oriSteps) {
+        var diffTime = dayjs_min_default()(labels[1]).diff(dayjs_min_default()(labels[0]));
+        var labelLastText = this.getLabelFormat(dayjs_min_default()(labels[labels.length - 1] + diffTime));
+        labelCenter = Math.round(startPoint + graphGap * labels.length);
+        linePosition = labelCenter + aliasPixel;
+
+        if (this.type === 'x') {
+          ctx.fillText(labelLastText, labelCenter, labelPoint);
+
+          if (this.showGrid) {
+            ctx.moveTo(linePosition, offsetPoint);
+            ctx.lineTo(linePosition, offsetCounterPoint);
+          }
+        } else {
+          ctx.fillText(labelLastText, labelPoint, labelCenter);
+
+          if (this.showGrid) {
+            ctx.moveTo(offsetPoint, linePosition);
+            ctx.lineTo(offsetCounterPoint, linePosition);
+          }
+        }
+
+        ctx.stroke();
+      }
+
       ctx.closePath();
     }
   }]);
@@ -38141,9 +38674,6 @@ var plugins_title_modules = {
   }
 };
 /* harmony default export */ var plugins_title = (plugins_title_modules);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.values.js
-var es_object_values = __webpack_require__("07ac");
-
 // CONCATENATED MODULE: ./src/components/chart/plugins/plugins.legend.js
 
 
@@ -38158,6 +38688,7 @@ var es_object_values = __webpack_require__("07ac");
 
 
 
+
 var plugins_legend_modules = {
   /**
    * Create legend DOM
@@ -38244,10 +38775,15 @@ var plugins_legend_modules = {
       if (!series.isExistGrp && series.showLegend) {
         var colorAxis = series.colorAxis,
             valueOpt = series.valueOpt;
+        var min = valueOpt.min,
+            max = valueOpt.max,
+            interval = valueOpt.interval,
+            existError = valueOpt.existError;
+        var endIndex = colorAxis.length - 1;
         colorAxis.forEach(function (colorItem, index) {
-          var maxValue = valueOpt.interval * (index + 1);
-          var minValue = maxValue - valueOpt.interval;
-          var name = valueOpt.existError && index === colorAxis.length - 1 ? 'error' : "".concat(minValue, " - ").concat(maxValue);
+          var minValue = min + interval * index;
+          var maxValue = index === endIndex ? max : minValue + interval;
+          var name = existError && index === endIndex ? 'error' : "".concat(minValue, " - ").concat(maxValue);
 
           _this2.addLegend({
             cId: colorItem.id,
@@ -38351,6 +38887,8 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxOver = function (e) {
+      var _this3$defaultSelectI, _this3$defaultSelectI2;
+
       var type = e.target.dataset.type;
       var targetDOM;
 
@@ -38364,9 +38902,19 @@ var plugins_legend_modules = {
 
       var nameDOM = targetDOM.getElementsByClassName('ev-chart-legend-name')[0];
       var targetId = nameDOM.series.sId;
+      var selectSeriesOption = _this3.options.selectSeries;
+      var selectedList = (_this3$defaultSelectI = (_this3$defaultSelectI2 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI2 === void 0 ? void 0 : _this3$defaultSelectI2.seriesId) !== null && _this3$defaultSelectI !== void 0 ? _this3$defaultSelectI : [];
       Object.values(_this3.seriesList).forEach(function (series) {
-        series.state = series.sId === targetId ? 'highlight' : 'downplay';
+        series.state = series.sId === targetId || selectSeriesOption.use && selectedList.includes(targetId) ? 'highlight' : 'downplay';
       });
+      var hitInfo = null;
+
+      if (helpers_util.isPieType(_this3.options.type)) {
+        hitInfo = {
+          sId: targetId,
+          type: _this3.options.type
+        };
+      }
 
       _this3.update({
         updateSeries: false,
@@ -38374,9 +38922,7 @@ var plugins_legend_modules = {
           update: false,
           keepDomain: false
         },
-        hitInfo: {
-          sId: targetId
-        }
+        hitInfo: hitInfo
       });
     };
     /**
@@ -38387,8 +38933,16 @@ var plugins_legend_modules = {
 
 
     this.onLegendBoxLeave = function () {
+      var _this3$defaultSelectI3, _this3$defaultSelectI4;
+
+      var selectSeriesOption = _this3.options.selectSeries;
+      var selectedList = (_this3$defaultSelectI3 = (_this3$defaultSelectI4 = _this3.defaultSelectInfo) === null || _this3$defaultSelectI4 === void 0 ? void 0 : _this3$defaultSelectI4.seriesId) !== null && _this3$defaultSelectI3 !== void 0 ? _this3$defaultSelectI3 : [];
       Object.values(_this3.seriesList).forEach(function (series) {
-        series.state = 'normal';
+        if (selectSeriesOption.use && selectedList.length) {
+          series.state = selectedList.includes(series.sId) ? 'highlight' : 'downplay';
+        } else {
+          series.state = 'normal';
+        }
       });
 
       _this3.update({
@@ -39040,9 +39594,6 @@ var plugins_legend_modules = {
   }
 };
 /* harmony default export */ var plugins_legend = (plugins_legend_modules);
-// EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.entries.js
-var es_object_entries = __webpack_require__("4fad");
-
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.object.from-entries.js
 var es_object_from_entries = __webpack_require__("c1f9");
 
@@ -39062,6 +39613,9 @@ var es_object_from_entries = __webpack_require__("c1f9");
 
 
 
+
+
+
 var plugins_interaction_modules = {
   /**
    * Hide legend components by manipulating css
@@ -39141,6 +39695,8 @@ var plugins_interaction_modules = {
 
           if (type === 'scatter') {
             _this.drawTooltipForScatter(hitInfo, _this.tooltipCtx);
+          } else if (type === 'heatMap') {
+            _this.drawToolTipForHeatMap(hitInfo, _this.tooltipCtx);
           } else {
             _this.drawTooltip(hitInfo, _this.tooltipCtx);
           }
@@ -39206,6 +39762,7 @@ var plugins_interaction_modules = {
         args.label = hitInfo.label;
         args.value = hitInfo.value;
         args.seriesId = hitInfo.sId;
+        args.acc = hitInfo.acc;
       }
 
       if (typeof _this.listeners['dbl-click'] === 'function') {
@@ -39237,18 +39794,29 @@ var plugins_interaction_modules = {
         args.value = hitInfo.value;
         args.seriesId = hitInfo.sId;
         args.dataIndex = hitInfo.maxIndex;
-      }
-
-      if (_this.options.selectLabel.use) {
+        args.acc = hitInfo.acc;
+      } else if (_this.options.selectLabel.use) {
         var _offset = _this.getMousePosition(e);
 
         var clickedLabelInfo = _this.getLabelInfoByPosition(_offset);
 
         var selected = _this.selectLabel(clickedLabelInfo.labelIndex);
 
-        _this.renderWithSelectLabel(selected.dataIndex);
+        _this.renderWithSelected(selected.dataIndex);
+
+        args.selected = lodash_es_cloneDeep(_this.defaultSelectInfo);
+      } else if (_this.options.selectSeries.use) {
+        var _offset2 = _this.getMousePosition(e);
+
+        var _hitInfo = _this.getSeriesIdByPosition(_offset2);
 
-        args.selected = lodash_es_cloneDeep(_this.defaultSelectLabelInfo);
+        if (_hitInfo.sId !== null) {
+          var _selected = _this.selectSeries(_hitInfo.sId);
+
+          _this.renderWithSelected(_selected.seriesId);
+        }
+
+        args.selected = lodash_es_cloneDeep(_this.defaultSelectInfo);
       }
 
       if (typeof _this.listeners.click === 'function') {
@@ -39379,10 +39947,31 @@ var plugins_interaction_modules = {
         yep = aOffsetY;
       }
 
-      dragInfo.xsp = Math.min(xcp, xep);
-      dragInfo.ysp = type === 'scatter' || type === 'heatMap' ? Math.min(ycp, yep) : aRange.y1;
-      dragInfo.width = Math.ceil(Math.abs(xep - xcp));
-      dragInfo.height = type === 'scatter' || type === 'heatMap' ? Math.ceil(Math.abs(yep - ycp)) : aRange.y2 - aRange.y1;
+      if (type === 'heatMap') {
+        var rangeInfo = {
+          xcp: xcp,
+          xep: xep,
+          ycp: ycp,
+          yep: yep,
+          range: aRange
+        };
+
+        var _this2$getDragInfoFor = _this2.getDragInfoForHeatMap(rangeInfo),
+            xsp = _this2$getDragInfoFor.xsp,
+            ysp = _this2$getDragInfoFor.ysp,
+            width = _this2$getDragInfoFor.width,
+            height = _this2$getDragInfoFor.height;
+
+        dragInfo.xsp = xsp;
+        dragInfo.ysp = ysp;
+        dragInfo.width = width;
+        dragInfo.height = height;
+      } else {
+        dragInfo.xsp = Math.min(xcp, xep);
+        dragInfo.ysp = type === 'scatter' ? Math.min(ycp, yep) : aRange.y1;
+        dragInfo.width = Math.ceil(Math.abs(xep - xcp));
+        dragInfo.height = type === 'scatter' ? Math.ceil(Math.abs(yep - ycp)) : aRange.y2 - aRange.y1;
+      }
 
       _this2.overlayClear();
 
@@ -39402,7 +39991,7 @@ var plugins_interaction_modules = {
         var args = {
           e: e,
           data: _this2.findSelectedItems(dragInfo),
-          range: _this2.getSelectionRage(dragInfo)
+          range: type === 'heatMap' ? _this2.getSelectionRangeForHeatMap(dragInfo) : _this2.getSelectionRage(dragInfo)
         };
         _this2.dragInfoBackup = lodash_es_defaultsDeep({}, dragInfo);
 
@@ -39576,34 +40165,38 @@ var plugins_interaction_modules = {
   },
 
   /**
-   * render after select label by index list
+   * render after selected label or selected series
    * @param indexList {array}  '[0, 1 ...]'
    */
-  renderWithSelectLabel: function renderWithSelectLabel(indexList) {
-    this.defaultSelectLabelInfo.dataIndex = indexList;
-    this.initSelectedLabelInfo();
+  renderWithSelected: function renderWithSelected(list) {
+    if (this.options.selectLabel.use) {
+      this.defaultSelectInfo.dataIndex = list;
+    } else if (this.options.selectSeries.use) {
+      this.defaultSelectInfo.seriesId = list;
+    }
+
+    this.initSelectedInfo();
     this.render();
   },
 
   /**
-   * init defaultSelectLabelInfo object.
-   * (set each series data and label text)
+   * init defaultSelectInfo object.
+   * - at selectLabel using: set each series data and label text
+   * - at selectSeries using: set series state
    */
-  initSelectedLabelInfo: function initSelectedLabelInfo() {
+  initSelectedInfo: function initSelectedInfo() {
     var _this3 = this;
 
-    var _this$options$selectL = this.options.selectLabel,
-        use = _this$options$selectL.use,
-        limit = _this$options$selectL.limit;
+    if (this.options.selectLabel.use) {
+      var limit = this.options.selectLabel.limit;
 
-    if (use) {
-      if (!this.defaultSelectLabelInfo) {
-        this.defaultSelectLabelInfo = {
+      if (!this.defaultSelectInfo) {
+        this.defaultSelectInfo = {
           dataIndex: []
         };
       }
 
-      var infoObj = this.defaultSelectLabelInfo;
+      var infoObj = this.defaultSelectInfo;
       infoObj.dataIndex.splice(limit);
       infoObj.label = infoObj.dataIndex.map(function (i) {
         return _this3.data.labels[i];
@@ -39618,6 +40211,23 @@ var plugins_interaction_modules = {
           return [sId, data[labelIdx]];
         }));
       });
+    } else if (this.options.selectSeries.use) {
+      if (!this.defaultSelectInfo) {
+        this.defaultSelectInfo = {
+          seriesId: []
+        };
+      }
+
+      var selectedList = this.defaultSelectInfo.seriesId;
+      Object.values(this.seriesList).forEach(function (series) {
+        if (!selectedList.length) {
+          series.state = 'normal';
+        } else if (selectedList.includes(series.sId)) {
+          series.state = 'highlight';
+        } else {
+          series.state = 'downplay';
+        }
+      });
     }
   },
 
@@ -39627,10 +40237,10 @@ var plugins_interaction_modules = {
    * @param labelIndex {array}  '[0, 1 ...]'
    */
   selectLabel: function selectLabel(labelIndex) {
-    var _this$options$selectL2, _this$options5, _this$defaultSelectLa;
+    var _this$options$selectL, _this$options5, _this$defaultSelectIn;
 
-    var option = (_this$options$selectL2 = (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.selectLabel) !== null && _this$options$selectL2 !== void 0 ? _this$options$selectL2 : {};
-    var before = (_this$defaultSelectLa = this.defaultSelectLabelInfo) !== null && _this$defaultSelectLa !== void 0 ? _this$defaultSelectLa : {
+    var option = (_this$options$selectL = (_this$options5 = this.options) === null || _this$options5 === void 0 ? void 0 : _this$options5.selectLabel) !== null && _this$options$selectL !== void 0 ? _this$options$selectL : {};
+    var before = (_this$defaultSelectIn = this.defaultSelectInfo) !== null && _this$defaultSelectIn !== void 0 ? _this$defaultSelectIn : {
       dataIndex: []
     };
     var after = lodash_es_cloneDeep(before);
@@ -39652,6 +40262,32 @@ var plugins_interaction_modules = {
 
     return after;
   },
+  selectSeries: function selectSeries(seriesId) {
+    var _this$options$selectS, _this$options6, _this$defaultSelectIn2;
+
+    var option = (_this$options$selectS = (_this$options6 = this.options) === null || _this$options6 === void 0 ? void 0 : _this$options6.selectSeries) !== null && _this$options$selectS !== void 0 ? _this$options$selectS : {};
+    var before = (_this$defaultSelectIn2 = this.defaultSelectInfo) !== null && _this$defaultSelectIn2 !== void 0 ? _this$defaultSelectIn2 : {
+      seriesId: []
+    };
+    var after = lodash_es_cloneDeep(before);
+
+    if (before.seriesId.includes(seriesId)) {
+      var idx = before.seriesId.indexOf(seriesId);
+      after.seriesId.splice(idx, 1);
+    } else if (seriesId) {
+      after.seriesId.push(seriesId);
+
+      if (option.limit > 0 && option.limit < after.seriesId.length) {
+        if (option.useDeselectOverflow) {
+          after.seriesId.splice(0, 1);
+        } else {
+          after.seriesId.pop();
+        }
+      }
+    }
+
+    return after;
+  },
 
   /**
    * Find items by series within a range
@@ -39735,6 +40371,33 @@ var plugins_interaction_modules = {
     var total = max - min;
     var targetValue = value - min;
     return targetValue / total;
+  },
+  getDragInfoForHeatMap: function getDragInfoForHeatMap(range) {
+    var sId = Object.keys(this.seriesList)[0];
+    return this.seriesList[sId].findBlockRange(range);
+  },
+  getSelectionRangeForHeatMap: function getSelectionRangeForHeatMap(range) {
+    var dataRangeX = this.axesSteps.x.length ? this.axesSteps.x[0] : null;
+    var dataRangeY = this.axesSteps.y.length ? this.axesSteps.y[0] : null;
+
+    if (!dataRangeX || !dataRangeY) {
+      return null;
+    }
+
+    var sId = Object.keys(this.seriesList)[0];
+
+    var _this$seriesList$sId$ = this.seriesList[sId].findSelectionRange(range),
+        xMin = _this$seriesList$sId$.xMin,
+        xMax = _this$seriesList$sId$.xMax,
+        yMin = _this$seriesList$sId$.yMin,
+        yMax = _this$seriesList$sId$.yMax;
+
+    return {
+      xMin: xMin !== null && xMin !== void 0 ? xMin : dataRangeX.graphMin,
+      xMax: xMax !== null && xMax !== void 0 ? xMax : dataRangeX.graphMax,
+      yMin: yMin !== null && yMin !== void 0 ? yMin : dataRangeY.graphMin,
+      yMax: yMax !== null && yMax !== void 0 ? yMax : dataRangeY.graphMax
+    };
   }
 };
 /* harmony default export */ var plugins_interaction = (plugins_interaction_modules);
@@ -40056,13 +40719,6 @@ var plugins_tooltip_modules = {
             value: value,
             name: name
           });
-        } else if (this.options.type === 'heatMap') {
-          formattedTxt = opt.formatter({
-            x: this.options.horizontal ? hitItem.y : hitItem.x,
-            y: this.options.horizontal ? hitItem.x : hitItem.y,
-            name: name,
-            value: value
-          });
         } else {
           formattedTxt = opt.formatter({
             x: this.options.horizontal ? value : hitItem.x,
@@ -40110,10 +40766,13 @@ var plugins_tooltip_modules = {
       l: 16
     };
     var isHorizontal = this.options.horizontal;
-    var opt = this.options.tooltip; // draw tooltip Title(axis label) and add style class for wrap line about too much long label.
+    var opt = this.options.tooltip;
+    var xValue = '';
+    var yValue = ''; // draw tooltip Title(axis label) and add style class for wrap line about too much long label.
 
-    if (this.axesX.length && this.axesY.length) {
-      this.tooltipHeaderDOM.textContent = this.options.horizontal ? "".concat(this.axesY[hitAxis.y].getLabelFormat(hitItem.y), " / ").concat(this.axesX[hitAxis.x].getLabelFormat(hitItem.x)) : "".concat(this.axesX[hitAxis.x].getLabelFormat(hitItem.x), " / ").concat(this.axesY[hitAxis.y].getLabelFormat(hitItem.y));
+    if (this.axesX.length) {
+      xValue = this.axesX[hitAxis.x].getLabelFormat(hitItem.x);
+      this.tooltipHeaderDOM.textContent = xValue;
     }
 
     if (opt.textOverflow) {
@@ -40143,14 +40802,36 @@ var plugins_tooltip_modules = {
       }, hitColor);
     } else {
       ctx.fillStyle = hitColor;
-    } // 1. Draw series color
+    } // 1. Draw value color
 
 
     ctx.fillRect(itemX - 4, itemY - 12, 12, 12);
-    ctx.fillStyle = opt.fontColor; // 2. Draw series name
+    ctx.fillStyle = opt.fontColor; // 2. Draw value y names
 
     ctx.textBaseline = 'Bottom';
-    ctx.fillText(itemValue, itemX + COLOR_MARGIN, itemY);
+
+    if (this.axesY.length) {
+      yValue = this.axesY[hitAxis.y].getLabelFormat(hitItem.y);
+      ctx.fillText(yValue, itemX + COLOR_MARGIN, itemY);
+    } // 3. Draw value
+
+
+    var formattedTxt = itemValue;
+
+    if (opt.formatter) {
+      formattedTxt = opt.formatter({
+        x: xValue,
+        y: yValue,
+        value: itemValue
+      });
+    }
+
+    if ((!opt.formatter || typeof formattedTxt !== 'string') && itemValue !== 'error') {
+      formattedTxt = numberWithComma(itemValue);
+    }
+
+    ctx.textAlign = 'right';
+    ctx.fillText(formattedTxt, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
     ctx.closePath();
     this.setTooltipDOMStyle(opt);
   },
@@ -40475,6 +41156,11 @@ var plugins_pie_modules = {
     var centerY = chartRect.height / 2;
     var chartWidth = centerX - (padding.left + padding.right);
     var chartHeight = centerY - (padding.bottom + padding.top);
+
+    if (typeof chartWidth === 'number' && chartWidth < 0 || typeof chartHeight === 'number' && chartHeight < 0) {
+      return;
+    }
+
     var innerRadius = Math.min(chartWidth, chartHeight) * pieOption.doughnutHoleSize;
     var outerRadius = Math.min(chartWidth, chartHeight);
 
@@ -40565,6 +41251,11 @@ var plugins_pie_modules = {
     var centerY = height / 2;
     var chartWidth = centerX - (padding.left + padding.right);
     var chartHeight = centerY - (padding.bottom + padding.top);
+
+    if (typeof chartWidth === 'number' && chartWidth < 0 || typeof chartHeight === 'number' && chartHeight < 0) {
+      return;
+    }
+
     var innerRadius = Math.min(chartWidth, chartHeight) * pieOption.doughnutHoleSize;
     var outerRadius = Math.min(chartWidth, chartHeight);
 
@@ -40658,6 +41349,11 @@ var plugins_pie_modules = {
     var centerY = height / 2;
     var chartWidth = centerX - (padding.left + padding.right);
     var chartHeight = centerY - (padding.bottom + padding.top);
+
+    if (typeof chartWidth === 'number' && chartWidth < 0 || typeof chartHeight === 'number' && chartHeight < 0) {
+      return;
+    }
+
     var radius = Math.min(chartWidth, chartHeight) * pieOption.doughnutHoleSize;
     ctx.save();
     ctx.globalCompositeOperation = 'destination-out';
@@ -40975,10 +41671,10 @@ var element_tip_modules = {
     var opt = this.options;
     var isHorizontal = !!opt.horizontal;
     var labelTipOpt = opt.selectLabel;
-    var _this$defaultSelectLa = this.defaultSelectLabelInfo,
-        dataIndex = _this$defaultSelectLa.dataIndex,
-        data = _this$defaultSelectLa.data,
-        label = _this$defaultSelectLa.label;
+    var _this$defaultSelectIn = this.defaultSelectInfo,
+        dataIndex = _this$defaultSelectIn.dataIndex,
+        data = _this$defaultSelectIn.data,
+        label = _this$defaultSelectIn.label;
     var drawTip = false;
 
     if (dataIndex.length) {
@@ -41316,7 +42012,7 @@ var element_tip_modules = {
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
-  function EvChart(target, data, options, listeners, defaultSelectItemInfo, defaultSelectLabelInfo) {
+  function EvChart(target, data, options, listeners, defaultSelectItemInfo, defaultSelectInfo) {
     var _this = this;
 
     _classCallCheck(this, EvChart);
@@ -41375,7 +42071,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       count: 0
     };
     this.defaultSelectItemInfo = defaultSelectItemInfo;
-    this.defaultSelectLabelInfo = defaultSelectLabelInfo;
+    this.defaultSelectInfo = defaultSelectInfo;
   }
   /**
    * Initialize chart object
@@ -41411,7 +42107,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesY = this.createAxes('y', axesY);
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
-      this.initSelectedLabelInfo();
+      this.initSelectedInfo();
       this.drawChart();
 
       if (tooltip.use) {
@@ -41484,7 +42180,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var _this$options2 = this.options,
           maxTip = _this$options2.maxTip,
           selectLabel = _this$options2.selectLabel,
-          selectItem = _this$options2.selectItem;
+          selectItem = _this$options2.selectItem,
+          selectSeries = _this$options2.selectSeries;
       var opt = {
         ctx: this.bufferCtx,
         chartRect: this.chartRect,
@@ -41496,7 +42193,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         },
         selectLabel: {
           option: selectLabel,
-          selected: this.defaultSelectLabelInfo
+          selected: this.defaultSelectInfo
+        },
+        selectSeries: {
+          option: selectSeries,
+          selected: this.defaultSelectInfo
         }
       };
       var showIndex = 0;
@@ -41643,7 +42344,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     value: function createAxes(dir) {
       var axes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var ctx = this.bufferCtx;
-      var labels = this.data.labels;
+      var labels = this.options.type === 'heatMap' ? this.data.labels[dir] : this.data.labels;
       var options = this.options;
       return axes.map(function (axis) {
         switch (axis.type) {
@@ -41705,10 +42406,10 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var _this4 = this;
 
       this.axesX.forEach(function (axis, index) {
-        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index], hitInfo, _this4.defaultSelectLabelInfo);
+        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index], hitInfo, _this4.defaultSelectInfo);
       });
       this.axesY.forEach(function (axis, index) {
-        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.y[index], hitInfo, _this4.defaultSelectLabelInfo);
+        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.y[index], hitInfo, _this4.defaultSelectInfo);
       });
     }
     /**
@@ -42056,7 +42757,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesY = this.createAxes('y', options.axesY);
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
-      this.initSelectedLabelInfo();
+      this.initSelectedInfo();
       this.render(updateInfo === null || updateInfo === void 0 ? void 0 : updateInfo.hitInfo);
       var isDragMove = this.dragInfo && this.drawSelectionArea;
 
@@ -42327,11 +43028,28 @@ var DEFAULT_OPTIONS = {
     useApproximateValue: false,
     tipBackground: '#000000'
   },
+  selectSeries: {
+    use: false,
+    limit: 1,
+    useDeselectOverflow: false
+  },
   dragSelection: {
     use: false,
     keepDisplay: true,
     fillColor: '#38ACEC',
     opacity: 0.65
+  },
+  heatMapColor: {
+    min: '#FFFFFF',
+    max: '#0052FF',
+    categoryCnt: 5,
+    stroke: {
+      show: false,
+      color: '#FFFFFF',
+      lineWidth: 1,
+      opacity: 1
+    },
+    error: '#FF0000'
   }
 };
 var DEFAULT_DATA = {
@@ -42370,9 +43088,12 @@ var chart_uses_useModel = function useModel() {
 
   var selectItemInfo = lodash_es_cloneDeep(props.selectedItem);
   var selectLabelInfo = lodash_es_cloneDeep(props.selectedLabel);
+  var selectSeriesInfo = lodash_es_cloneDeep(props.selectedSeries);
   var eventListeners = {
     click: function () {
       var _click = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(e) {
+        var _e$selected, _e$selected2;
+
         return regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) {
             switch (_context.prev = _context.next) {
@@ -42388,15 +43109,21 @@ var chart_uses_useModel = function useModel() {
                   });
                 }
 
-                if (e.selected) {
+                if ((_e$selected = e.selected) !== null && _e$selected !== void 0 && _e$selected.dataIndex) {
                   emit('update:selectedLabel', {
                     dataIndex: e.selected.dataIndex
                   });
                 }
 
+                if ((_e$selected2 = e.selected) !== null && _e$selected2 !== void 0 && _e$selected2.seriesId) {
+                  emit('update:selectedSeries', {
+                    seriesId: e.selected.seriesId
+                  });
+                }
+
                 emit('click', e);
 
-              case 5:
+              case 6:
               case "end":
                 return _context.stop();
             }
@@ -42467,6 +43194,7 @@ var chart_uses_useModel = function useModel() {
     eventListeners: eventListeners,
     selectItemInfo: selectItemInfo,
     selectLabelInfo: selectLabelInfo,
+    selectSeriesInfo: selectSeriesInfo,
     getNormalizedData: getNormalizedData,
     getNormalizedOptions: getNormalizedOptions
   };
@@ -42515,6 +43243,10 @@ var uses_useWrapper = function useWrapper(options) {
       type: Object,
       default: null
     },
+    selectedSeries: {
+      type: Object,
+      default: null
+    },
     options: {
       type: Object,
       default: function _default() {
@@ -42532,7 +43264,7 @@ var uses_useWrapper = function useWrapper(options) {
       default: 0
     }
   },
-  emits: ['click', 'dbl-click', 'drag-select', 'update:selectedItem', 'update:selectedLabel'],
+  emits: ['click', 'dbl-click', 'drag-select', 'update:selectedItem', 'update:selectedLabel', 'update:selectedSeries'],
   setup: function setup(props) {
     var evChart = {};
     var isInit = false;
@@ -42541,6 +43273,7 @@ var uses_useWrapper = function useWrapper(options) {
         eventListeners = _useModel.eventListeners,
         selectItemInfo = _useModel.selectItemInfo,
         selectLabelInfo = _useModel.selectLabelInfo,
+        selectSeriesInfo = _useModel.selectSeriesInfo,
         getNormalizedData = _useModel.getNormalizedData,
         getNormalizedOptions = _useModel.getNormalizedOptions;
 
@@ -42552,7 +43285,15 @@ var uses_useWrapper = function useWrapper(options) {
         wrapperStyle = _useWrapper.wrapperStyle;
 
     var createChart = function createChart() {
-      evChart = new chart_core(wrapper.value, normalizedData, normalizedOptions, eventListeners, selectItemInfo, selectLabelInfo);
+      var selected;
+
+      if (normalizedOptions.selectLabel.use) {
+        selected = selectLabelInfo;
+      } else if (normalizedOptions.selectSeries.use) {
+        selected = selectSeriesInfo;
+      }
+
+      evChart = new chart_core(wrapper.value, normalizedData, normalizedOptions, eventListeners, selectItemInfo, selected);
     };
 
     var drawChart = function drawChart() {
@@ -42598,7 +43339,7 @@ var uses_useWrapper = function useWrapper(options) {
                 return props.data;
               }, function (chartData) {
                 var newData = getNormalizedData(chartData);
-                var isUpdateSeries = !lodash_es_isEqual(newData.series, evChart.data.series) || !lodash_es_isEqual(newData.groups, evChart.data.groups);
+                var isUpdateSeries = !lodash_es_isEqual(newData.series, evChart.data.series) || !lodash_es_isEqual(newData.groups, evChart.data.groups) || props.options.type === 'heatMap';
                 evChart.data = lodash_es_cloneDeep(newData);
                 evChart.update({
                   updateSeries: isUpdateSeries,
@@ -42630,13 +43371,25 @@ var uses_useWrapper = function useWrapper(options) {
                 return props.selectedLabel;
               }, function (newValue) {
                 if (newValue.dataIndex) {
-                  evChart.renderWithSelectLabel(newValue.dataIndex);
+                  evChart.renderWithSelected(newValue.dataIndex);
                 }
               }, {
                 deep: true
               });
 
             case 12:
+              _context.next = 14;
+              return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+                return props.selectedSeries;
+              }, function (newValue) {
+                if (newValue.seriesId) {
+                  evChart.renderWithSelected(newValue.seriesId);
+                }
+              }, {
+                deep: true
+              });
+
+            case 14:
             case "end":
               return _context.stop();
           }
@@ -42679,8 +43432,8 @@ var uses_useWrapper = function useWrapper(options) {
 });
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=53face60&lang=scss
-var Chartvue_type_style_index_0_id_53face60_lang_scss = __webpack_require__("96f9");
+// EXTERNAL MODULE: ./src/components/chart/Chart.vue?vue&type=style&index=0&id=df219c50&lang=scss
+var Chartvue_type_style_index_0_id_df219c50_lang_scss = __webpack_require__("2fe8");
 
 // CONCATENATED MODULE: ./src/components/chart/Chart.vue
 
@@ -42688,7 +43441,7 @@ var Chartvue_type_style_index_0_id_53face60_lang_scss = __webpack_require__("96f
 
 
 
-Chartvue_type_script_lang_js.render = Chartvue_type_template_id_53face60_render
+Chartvue_type_script_lang_js.render = Chartvue_type_template_id_df219c50_render
 
 /* harmony default export */ var Chart = (Chartvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/chart/index.js
@@ -42702,32 +43455,32 @@ Chart.install = function (app) {
 };
 
 /* harmony default export */ var chart = (Chart);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=557cf5ec&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=1aab6f12&scoped=true
 
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-557cf5ec");
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-1aab6f12");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-557cf5ec");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-1aab6f12");
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_2 = {
   key: 0
 };
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_4 = {
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_4 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_557cf5ec_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridvue_type_template_id_1aab6f12_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_1aab6f12_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
 
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -42749,7 +43502,7 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
     class: "toolbar-wrapper",
     style: "width: ".concat(_ctx.gridWidth, ";")
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_toolbar, null, {
-    toolbarWrapper: TreeGridvue_type_template_id_557cf5ec_scoped_true_withId(function () {
+    toolbarWrapper: TreeGridvue_type_template_id_1aab6f12_scoped_true_withId(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
         item: {
           onSearch: $setup.onSearch
@@ -42766,7 +43519,7 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     ref: "header",
     class: $setup.headerClass
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: $setup.headerCheckboxClass,
     style: "width: ".concat(_ctx.minWidth, "px;")
@@ -42835,7 +43588,7 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.orderedColumns, function (column, cellIndex) {
       return {
         name: $setup.getSlotName(column.field),
-        fn: TreeGridvue_type_template_id_557cf5ec_scoped_true_withId(function (_ref) {
+        fn: TreeGridvue_type_template_id_1aab6f12_scoped_true_withId(function (_ref) {
           var item = _ref.item;
           return [!!_ctx.$slots[column.field] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
             key: 0,
@@ -42850,13 +43603,13 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
         })
       };
     })]), 1032, ["selected-data", "node-data", "use-checkbox", "ordered-columns", "expand-icon", "collapse-icon", "parent-icon", "child-icon", "is-resize", "row-height", "min-width", "highlight-index", "border-style", "onCheckTreeData", "onExpandTreeData", "onClickTreeData", "onDblClickTreeData"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_2, [TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_3])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_2, [TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_3])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
     ref: "menu",
     items: _ctx.contextMenuItems
-  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_4, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_1aab6f12_scoped_true_hoisted_4, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
@@ -42869,8 +43622,9 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
       borderStyle: _ctx.borderStyle,
       minWidth: _ctx.minWidth,
       rowHeight: _ctx.rowHeight
-    }
-  }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
+    },
+    "scroll-left": $setup.summaryScroll
+  }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option", "scroll-left"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
     key: 2,
     modelValue: _ctx.currentPage,
     "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
@@ -42883,7 +43637,7 @@ var TreeGridvue_type_template_id_557cf5ec_scoped_true_render = /*#__PURE__*/Tree
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=557cf5ec&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=1aab6f12&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=89ae5faa&scoped=true
 
@@ -43218,6 +43972,7 @@ treeGrid_toolbarvue_type_script_lang_js.render = treeGrid_toolbarvue_type_templa
 
 
 
+
 
 
 var treeGrid_uses_this = undefined;
@@ -43283,7 +44038,8 @@ var treeGrid_uses_commonFunctions = function commonFunctions(params) {
     } else if (column.type === 'float') {
       var _column$decimal;
 
-      convertValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+      var floatValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+      convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
     }
 
     return convertValue;
@@ -43348,6 +44104,7 @@ var uses_scrollEvent = function scrollEvent(params) {
       elementInfo = params.elementInfo,
       resizeInfo = params.resizeInfo,
       pageInfo = params.pageInfo,
+      summaryScroll = params.summaryScroll,
       getPagingData = params.getPagingData,
       updatePagingInfo = params.updatePagingInfo;
   /**
@@ -43400,6 +44157,7 @@ var uses_scrollEvent = function scrollEvent(params) {
     var headerEl = elementInfo.header;
     var bodyEl = elementInfo.body;
     headerEl.scrollLeft = bodyEl.scrollLeft;
+    summaryScroll.value = bodyEl.scrollLeft;
   };
   /**
    * scroll 이벤트를 처리한다.
@@ -44595,12 +45353,15 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
         updatePagingInfo = _pagingEvent.updatePagingInfo,
         changePage = _pagingEvent.changePage;
 
+    var summaryScroll = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
+
     var _scrollEvent = uses_scrollEvent({
       scrollInfo: scrollInfo,
       stores: stores,
       elementInfo: elementInfo,
       resizeInfo: resizeInfo,
       pageInfo: pageInfo,
+      summaryScroll: summaryScroll,
       getPagingData: getPagingData,
       updatePagingInfo: updatePagingInfo
     }),
@@ -44671,20 +45432,23 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked;
-    }, function (checkedList) {
+    }, function (value) {
+      checkInfo.checkedRows = value;
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return checkInfo.checkedRows;
+    }, function (value) {
+      checkInfo.isHeaderChecked = false;
       var store = stores.store;
 
       if (pageInfo.isClientPaging) {
         store = getPagingData();
       }
 
-      checkInfo.checkedRows = checkedList;
-      checkInfo.isHeaderChecked = false;
-
       if (store.length) {
         store.forEach(function (row) {
-          row.checked = !!checkedList.find(function (c) {
-            return c.index === row.index;
+          row.checked = !!value.find(function (checkedRow) {
+            return checkedRow.index === row.index;
           });
         });
         checkHeader(store);
@@ -44694,14 +45458,22 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.selected;
-    }, function (selectedList) {
-      selectInfo.selectedRow = selectedList;
-      stores.store.forEach(function (row) {
-        row.selected = !!selectInfo.selectedRow.find(function (s) {
-          return s.index === row.index;
+    }, function (value) {
+      if (selectInfo.useSelect) {
+        selectInfo.selectedRow = value;
+      }
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return selectInfo.selectedRow;
+    }, function (value) {
+      if (selectInfo.useSelect) {
+        stores.store.forEach(function (row) {
+          row.selected = !!value.find(function (selectedRow) {
+            return selectedRow.index === row.index;
+          });
         });
-      });
-      updateVScroll();
+        updateVScroll();
+      }
     }, {
       deep: true
     });
@@ -44965,6 +45737,7 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
     };
 
     return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+      summaryScroll: summaryScroll,
       gridStyle: gridStyle,
       gridClass: gridClass,
       headerClass: headerClass,
@@ -45002,8 +45775,8 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=557cf5ec&lang=scss&scoped=true
-var TreeGridvue_type_style_index_0_id_557cf5ec_lang_scss_scoped_true = __webpack_require__("c122");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=1aab6f12&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_1aab6f12_lang_scss_scoped_true = __webpack_require__("af65");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
 
@@ -45011,8 +45784,8 @@ var TreeGridvue_type_style_index_0_id_557cf5ec_lang_scss_scoped_true = __webpack
 
 
 
-TreeGridvue_type_script_lang_js.render = TreeGridvue_type_template_id_557cf5ec_scoped_true_render
-TreeGridvue_type_script_lang_js.__scopeId = "data-v-557cf5ec"
+TreeGridvue_type_script_lang_js.render = TreeGridvue_type_template_id_1aab6f12_scoped_true_render
+TreeGridvue_type_script_lang_js.__scopeId = "data-v-1aab6f12"
 
 /* harmony default export */ var TreeGrid = (TreeGridvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js