evui 3.3.12 → 3.3.13

package/dist/evui.common.js

@@ -5011,26 +5011,18 @@ module.exports = function (it) {
 
 /***/ }),
 
-/***/ "3c39":
+/***/ "3c17":
 /***/ (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;
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__("cc8d");
+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("2818aff7", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -5164,21 +5156,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":
@@ -6390,6 +6367,21 @@ exports.push([module.i, ".gridToolbar{margin-bottom:10px}.gridToolbar>.search{fl
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "5ff8":
+/***/ (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__("79b9");
+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("db698772", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "605d":
@@ -6510,21 +6502,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 +6781,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,16 +6882,13 @@ module.exports = {
 
 /***/ }),
 
-/***/ "6bb5":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "6b3a":
+/***/ (function(module, __webpack_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
-module.exports = exports;
+"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_799b531c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5ff8");
+/* 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_799b531c_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_799b531c_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
 
 /***/ }),
@@ -7265,6 +7228,29 @@ module.exports = [
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "79b9":
+/***/ (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-799b531c]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-799b531c]{padding-top:0}.table .table-header[data-v-799b531c]{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-799b531c]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-799b531c]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-799b531c]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-799b531c],.column-list[data-v-799b531c]{position:relative;height:100%}.column[data-v-799b531c]{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-799b531c]{border-right:1px solid}.column[data-v-799b531c]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-799b531c]{cursor:default!important}.column .sort-icon[data-v-799b531c]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-799b531c]{font-size:13px;color:#005cc8}.column-name[data-v-799b531c]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-799b531c]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-799b531c]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-799b531c]{display:block;cursor:pointer}.column-filter-status[data-v-799b531c]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-799b531c]{font-size:10px;vertical-align:top}.column-resize[data-v-799b531c]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-799b531c]:hover{cursor:col-resize}.table-body[data-v-799b531c]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-799b531c]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-799b531c]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-799b531c]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-799b531c]{border-bottom:1px solid}.table-body .row[data-v-799b531c]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-799b531c]{border-bottom:1px solid}.table-body .row.selected[data-v-799b531c]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-799b531c]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-799b531c]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-799b531c]{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-799b531c]{border-right:1px solid}.table-body .cell div[data-v-799b531c]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-799b531c]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-799b531c]{overflow:initial}.table-body .cell.float[data-v-799b531c],.table-body .cell.number[data-v-799b531c]{text-align:right}.table-body .cell.string[data-v-799b531c],.table-body .cell.stringNumber[data-v-799b531c]{text-align:left}.table-body .cell.center[data-v-799b531c]{text-align:center}.table-body .cell.left[data-v-799b531c]{text-align:left}.table-body .cell.left .wrap[data-v-799b531c]{justify-content:flex-start}.table-body .cell.right[data-v-799b531c]{text-align:right}.table-body .cell.right .wrap[data-v-799b531c]{justify-content:flex-end}.table-body .cell[data-v-799b531c]:last-child{border-right:0}.table-resize-line[data-v-799b531c]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-799b531c]{border-right:1px solid}.vscroll-spacer[data-v-799b531c]{opacity:0;clear:both}[v-cloak][data-v-799b531c]{display:none}.ev-checkbox[data-v-799b531c]{margin:0}.non-border[data-v-799b531c]{border:none!important}.is-empty[data-v-799b531c]{height:30px;text-align:center}.postgresql[data-v-799b531c]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-799b531c]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-799b531c]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-799b531c]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7b0b":
@@ -7571,6 +7557,17 @@ module.exports = typeof WeakMap === 'function' && /native code/.test(inspectSour
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "7fd8":
+/***/ (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_61ab403d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3c17");
+/* 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_61ab403d_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_61ab403d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "81d5":
@@ -7943,7 +7940,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.12\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.13\"}");
 
 /***/ }),
 
@@ -10283,17 +10280,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":
@@ -10624,6 +10610,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "cc8d":
+/***/ (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-61ab403d]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-61ab403d]{padding-top:0}.table .table-header[data-v-61ab403d]{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-61ab403d]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-61ab403d]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-61ab403d],.column-list[data-v-61ab403d]{position:relative;height:100%}.column[data-v-61ab403d]{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-61ab403d]{border-right:1px solid}.column[data-v-61ab403d]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-61ab403d]{cursor:default!important}.column .sort-icon[data-v-61ab403d]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-61ab403d]{font-size:13px;color:#005cc8}.column-name[data-v-61ab403d]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-61ab403d]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-61ab403d]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-61ab403d]{display:block;cursor:pointer}.column-filter-status[data-v-61ab403d]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-61ab403d]{font-size:10px;vertical-align:top}.column-resize[data-v-61ab403d]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-61ab403d]:hover{cursor:col-resize}.table-body[data-v-61ab403d]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-61ab403d]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-61ab403d]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-61ab403d]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-61ab403d]{border-bottom:1px solid}.table-body .row[data-v-61ab403d]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-61ab403d]{border-bottom:1px solid}.table-body .row.selected[data-v-61ab403d]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-61ab403d]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-61ab403d]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-61ab403d]{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-61ab403d]{border-right:1px solid}.table-body .cell div[data-v-61ab403d]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-61ab403d]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-61ab403d]{overflow:initial}.table-body .cell.float[data-v-61ab403d],.table-body .cell.number[data-v-61ab403d]{text-align:right}.table-body .cell.string[data-v-61ab403d],.table-body .cell.stringNumber[data-v-61ab403d]{text-align:left}.table-body .cell.center[data-v-61ab403d]{text-align:center}.table-body .cell.left[data-v-61ab403d]{text-align:left}.table-body .cell.left .wrap[data-v-61ab403d]{justify-content:flex-start}.table-body .cell.right[data-v-61ab403d]{text-align:right}.table-body .cell.right .wrap[data-v-61ab403d]{justify-content:flex-end}.table-body .cell[data-v-61ab403d]:last-child{border-right:0}.table-body .cell.tree-td[data-v-61ab403d]{text-align:left!important}.table-resize-line[data-v-61ab403d]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-61ab403d]{border-right:1px solid}.vscroll-spacer[data-v-61ab403d]{opacity:0;clear:both}[v-cloak][data-v-61ab403d]{display:none}.ev-checkbox[data-v-61ab403d]{margin:0}.non-border[data-v-61ab403d]{border:none!important}.is-empty[data-v-61ab403d]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "cca6":
@@ -26291,39 +26291,39 @@ 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=799b531c&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-799b531c");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-6493e3f4");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-799b531c");
 
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_799b531c_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_799b531c_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_799b531c_scoped_true_hoisted_3 = {
   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_799b531c_scoped_true_hoisted_4 = /*#__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_799b531c_scoped_true_hoisted_5 = {
   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_799b531c_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 +26374,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_799b531c_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 +26407,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_799b531c_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,
@@ -26520,13 +26520,13 @@ var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(
         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_799b531c_scoped_true_hoisted_3, [Gridvue_type_template_id_799b531c_scoped_true_hoisted_4])) : 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_799b531c_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, {
     "is-show": _ctx.showFilterWindow,
     "target-column": _ctx.currentFilter.column,
     "filter-items": _ctx.currentFilter.items,
@@ -26558,7 +26558,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=799b531c&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
 
@@ -30219,8 +30219,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 +30234,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();
       }
@@ -30428,8 +30438,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=799b531c&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_799b531c_lang_scss_scoped_true = __webpack_require__("6b3a");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30437,8 +30447,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_799b531c_scoped_true_render
+Gridvue_type_script_lang_js.__scopeId = "data-v-799b531c"
 
 /* harmony default export */ var Grid = (Gridvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -32098,191 +32108,6 @@ function reverse(array) {
     return type === 'doughnut' || type === 'sunburst';
   }
 });
-// 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 = _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
 
 
@@ -32294,7 +32119,6 @@ var TIME_INTERVALS = {
 
 
 
-
 var modules = {
   /**
    * Take chart data and labels to create normalized data and min/max info
@@ -32332,8 +32156,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 +32505,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,72 +32648,14 @@ 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 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;
@@ -32892,10 +32665,9 @@ var modules = {
         isExistError = true;
       }
     });
-    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',
@@ -32905,7 +32677,7 @@ var modules = {
 
     return {
       max: maxValue,
-      interval: valueInterval,
+      interval: Math.ceil(maxValue / categoryCnt),
       existError: isExistError
     };
   },
@@ -32974,9 +32746,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);
 
@@ -34025,6 +33797,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
 
 
@@ -34493,6 +34452,7 @@ var element_line_Line = /*#__PURE__*/function () {
         if (this.stackIndex) {
           var reversedDataList = this.data.slice().reverse();
           reversedDataList.forEach(function (curr, ix) {
+            ctx.beginPath();
             x = getXPos(curr.x);
             y = getYPos(curr.b);
             var prev = reversedDataList[ix - 1];
@@ -36013,7 +35973,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 +35982,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 +36006,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 +36040,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.fillRect(x, y, w, h);
+        ctx.strokeRect(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 +36113,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);
+
+        var yp = _this2.calculateXY('y', item.y, ysp);
 
-        if (xp !== null && yp !== null) {
+        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 +36137,136 @@ 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;
+              ctx.strokeStyle = helpers_util.colorStringToRgba(color, 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 || 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 +36276,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 && x2 >= xsp && y1 <= ysp && y2 >= ysp || x1 <= xep && x2 >= xep && y1 <= ysp && y2 >= ysp || x1 <= xsp && x2 >= xsp && y1 <= yep && y2 >= yep || x1 <= xep && x2 >= xep && y1 <= yep && y2 >= yep || x1 >= xsp && x1 <= xep && y1 >= ysp && y1 <= yep || x1 >= xsp && x1 <= xep && y2 >= ysp && y2 <= yep || x2 >= xsp && x2 <= xep && y1 >= ysp && y1 <= yep;
       });
     }
     /**
@@ -36200,13 +36311,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 +36356,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) {
@@ -36320,7 +36447,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;
@@ -37513,6 +37640,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
     _this = _super.call(this, type, opt, ctx, options);
     _this.labels = labels;
+    _this.rangeMode = opt.rangeMode;
     return _this;
   }
   /**
@@ -37647,7 +37775,8 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
             var _this2$options3, _this2$options3$selec, _this2$options4;
 
             labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-            ctx.fillText(labelText, labelCenter + labelGap / 2, labelPoint);
+            var xPoint = _this2.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)) {
               var selectedLabel = hitInfo.label;
@@ -37677,7 +37806,8 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
             }
           } else {
             labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-            ctx.fillText(labelText, labelPoint, labelCenter + labelGap / 2);
+            var yPoint = _this2.rangeMode ? labelCenter : labelCenter + labelGap / 2;
+            ctx.fillText(labelText, labelPoint, yPoint);
 
             if (index > 0 && _this2.showGrid) {
               ctx.moveTo(offsetPoint, linePosition);
@@ -37687,6 +37817,36 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
           ctx.stroke();
         });
+
+        if (this.rangeMode) {
+          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 +38160,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 +38170,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 +38188,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 +38234,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();
     }
   }]);
@@ -38244,10 +38429,13 @@ var plugins_legend_modules = {
       if (!series.isExistGrp && series.showLegend) {
         var colorAxis = series.colorAxis,
             valueOpt = series.valueOpt;
+        var max = valueOpt.max,
+            interval = valueOpt.interval,
+            existError = valueOpt.existError;
         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 = interval * index;
+          var maxValue = index === colorAxis.length - 1 ? max : minValue + interval - 1;
+          var name = existError && index === colorAxis.length - 1 ? 'error' : "".concat(minValue, " - ").concat(maxValue);
 
           _this2.addLegend({
             cId: colorItem.id,
@@ -39141,6 +39329,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 +39396,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,6 +39428,7 @@ var plugins_interaction_modules = {
         args.value = hitInfo.value;
         args.seriesId = hitInfo.sId;
         args.dataIndex = hitInfo.maxIndex;
+        args.acc = hitInfo.acc;
       }
 
       if (_this.options.selectLabel.use) {
@@ -40056,13 +40248,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 +40295,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 +40331,38 @@ 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;
+
+    if (opt.formatter) {
+      formattedTxt = opt.formatter({
+        x: xValue,
+        y: yValue,
+        value: itemValue
+      });
+    }
+
+    if ((!opt.formatter || typeof formattedTxt !== 'string') && itemValue !== 'error') {
+      formattedTxt = numberWithComma(itemValue);
+    } else {
+      formattedTxt = itemValue;
+    }
+
+    ctx.textAlign = 'right';
+    ctx.fillText(formattedTxt, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
     ctx.closePath();
     this.setTooltipDOMStyle(opt);
   },
@@ -40475,6 +40687,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 +40782,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 +40880,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';
@@ -41643,7 +41870,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) {
@@ -42332,6 +42559,17 @@ var DEFAULT_OPTIONS = {
     keepDisplay: true,
     fillColor: '#38ACEC',
     opacity: 0.65
+  },
+  heatMapColor: {
+    min: '#FFFFFF',
+    max: '#0052FF',
+    categoryCnt: 5,
+    stroke: {
+      show: false,
+      color: '#FFFFFF',
+      lineWidth: 1
+    },
+    error: '#FF0000'
   }
 };
 var DEFAULT_DATA = {
@@ -42702,32 +42940,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=61ab403d&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_61ab403d_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-61ab403d");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-557cf5ec");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-61ab403d");
 
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_61ab403d_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_557cf5ec_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_61ab403d_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_61ab403d_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_61ab403d_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_61ab403d_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_61ab403d_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 +42987,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_61ab403d_scoped_true_withId(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
         item: {
           onSearch: $setup.onSearch
@@ -42766,7 +43004,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_61ab403d_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 +43073,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_61ab403d_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 +43088,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_61ab403d_scoped_true_hoisted_2, [TreeGridvue_type_template_id_61ab403d_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_61ab403d_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, {
@@ -42883,7 +43121,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=61ab403d&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
 
@@ -44671,20 +44909,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 +44935,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
     });
@@ -45002,8 +45251,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=61ab403d&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_61ab403d_lang_scss_scoped_true = __webpack_require__("7fd8");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
 
@@ -45011,8 +45260,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_61ab403d_scoped_true_render
+TreeGridvue_type_script_lang_js.__scopeId = "data-v-61ab403d"
 
 /* harmony default export */ var TreeGrid = (TreeGridvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js