evui 3.1.37 → 3.1.41

package/dist/evui.common.js

@@ -239,21 +239,6 @@ $({ target: 'Object', stat: true }, {
 });
 
 
-/***/ }),
-
-/***/ "0897":
-/***/ (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__("962a");
-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("9ad9c95c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "0924":
@@ -261,17 +246,6 @@ var update = add("9ad9c95c", content, true, {"sourceMap":false,"shadowMode":fals
 
 module.exports = __webpack_require__.p + "img/icon_oracle.9009b108.svg";
 
-/***/ }),
-
-/***/ "0c91":
-/***/ (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_MenuList_vue_vue_type_style_index_0_id_b7ca90c6_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2c62");
-/* 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_MenuList_vue_vue_type_style_index_0_id_b7ca90c6_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_MenuList_vue_vue_type_style_index_0_id_b7ca90c6_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0cfb":
@@ -4217,18 +4191,17 @@ module.exports = function (url, options) {
 
 /***/ }),
 
-/***/ "2034":
+/***/ "1e0f":
 /***/ (function(module, exports, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".table[data-v-4eddcfbc]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-4eddcfbc]{padding-top:0}.table .table-header[data-v-4eddcfbc]{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-4eddcfbc]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-4eddcfbc]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-4eddcfbc],.column-list[data-v-4eddcfbc]{position:relative;height:100%}.column[data-v-4eddcfbc]{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-4eddcfbc]{border-right:1px solid}.column[data-v-4eddcfbc]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-4eddcfbc]{cursor:default!important}.column .sort-icon[data-v-4eddcfbc]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-4eddcfbc]{font-size:13px;color:#005cc8}.column-name[data-v-4eddcfbc]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-4eddcfbc]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-4eddcfbc]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-4eddcfbc]{display:block;cursor:pointer}.column-filter-status[data-v-4eddcfbc]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-4eddcfbc]{font-size:10px;vertical-align:top}.column-resize[data-v-4eddcfbc]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-4eddcfbc]:hover{cursor:col-resize}.table-body[data-v-4eddcfbc]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-4eddcfbc]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-4eddcfbc]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-4eddcfbc]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-4eddcfbc]{border-bottom:1px solid}.table-body .row[data-v-4eddcfbc]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-4eddcfbc]{border-bottom:1px solid}.table-body .row.selected[data-v-4eddcfbc]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-4eddcfbc]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-4eddcfbc]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-4eddcfbc]{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-4eddcfbc]{border-right:1px solid}.table-body .cell div[data-v-4eddcfbc]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-4eddcfbc]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-4eddcfbc]{overflow:initial}.table-body .cell.float[data-v-4eddcfbc],.table-body .cell.number[data-v-4eddcfbc]{text-align:right}.table-body .cell.string[data-v-4eddcfbc],.table-body .cell.stringnumber[data-v-4eddcfbc]{text-align:left}.table-body .cell.center[data-v-4eddcfbc]{text-align:center}.table-body .cell.left[data-v-4eddcfbc]{text-align:left}.table-body .cell.left .wrap[data-v-4eddcfbc]{justify-content:flex-start}.table-body .cell.right[data-v-4eddcfbc]{text-align:right}.table-body .cell.right .wrap[data-v-4eddcfbc]{justify-content:flex-end}.table-body .cell[data-v-4eddcfbc]:last-child{border-right:0}.table-body .cell.tree-td[data-v-4eddcfbc]{text-align:left!important}.table-resize-line[data-v-4eddcfbc]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-4eddcfbc]{border-right:1px solid}.vscroll-spacer[data-v-4eddcfbc]{opacity:0;clear:both}[v-cloak][data-v-4eddcfbc]{display:none}.ev-checkbox[data-v-4eddcfbc]{margin:0}.non-border[data-v-4eddcfbc]{border:none!important}.is-empty[data-v-4eddcfbc]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
 
-// load the styles
-var content = __webpack_require__("934d");
-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("2b00e080", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -4604,17 +4577,6 @@ var root = _freeGlobal_js__WEBPACK_IMPORTED_MODULE_0__[/* default */ "a"] || fre
 /* harmony default export */ __webpack_exports__["a"] = (root);
 
 
-/***/ }),
-
-/***/ "27ec":
-/***/ (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_674beadb_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f542");
-/* 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_674beadb_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_674beadb_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "2927":
@@ -4637,21 +4599,6 @@ module.exports = function (iterator) {
 };
 
 
-/***/ }),
-
-/***/ "2c62":
-/***/ (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__("7f94");
-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("d5254368", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "2c71":
@@ -4862,20 +4809,6 @@ exports.push([module.i, ".ev-text-field{position:relative;box-sizing:border-box}
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "33c5":
-/***/ (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-674beadb]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-674beadb]{padding-top:0}.table .table-header[data-v-674beadb]{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-674beadb]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-674beadb]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-674beadb],.column-list[data-v-674beadb]{position:relative;height:100%}.column[data-v-674beadb]{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-674beadb]{border-right:1px solid}.column[data-v-674beadb]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-674beadb]{cursor:default!important}.column .sort-icon[data-v-674beadb]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-674beadb]{font-size:13px;color:#005cc8}.column-name[data-v-674beadb]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-674beadb]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-674beadb]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-674beadb]{display:block;cursor:pointer}.column-filter-status[data-v-674beadb]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-674beadb]{font-size:10px;vertical-align:top}.column-resize[data-v-674beadb]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-674beadb]:hover{cursor:col-resize}.table-body[data-v-674beadb]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-674beadb]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-674beadb]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-674beadb]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-674beadb]{border-bottom:1px solid}.table-body .row[data-v-674beadb]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-674beadb]{border-bottom:1px solid}.table-body .row.selected[data-v-674beadb]{background:rgba(219,240,249,.6)!important;color:inherit!important}.dark .table-body .row.selected[data-v-674beadb]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-674beadb]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-674beadb]{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-674beadb]{border-right:1px solid}.table-body .cell div[data-v-674beadb]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-674beadb]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-674beadb]{overflow:initial}.table-body .cell.float[data-v-674beadb],.table-body .cell.number[data-v-674beadb]{text-align:right}.table-body .cell.string[data-v-674beadb],.table-body .cell.stringnumber[data-v-674beadb]{text-align:left}.table-body .cell.center[data-v-674beadb]{text-align:center}.table-body .cell.left[data-v-674beadb]{text-align:left}.table-body .cell.left .wrap[data-v-674beadb]{justify-content:flex-start}.table-body .cell.right[data-v-674beadb]{text-align:right}.table-body .cell.right .wrap[data-v-674beadb]{justify-content:flex-end}.table-body .cell[data-v-674beadb]:last-child{border-right:0}.table-body .cell.tree-td[data-v-674beadb]{text-align:left!important}.table-resize-line[data-v-674beadb]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-674beadb]{border-right:1px solid}.vscroll-spacer[data-v-674beadb]{opacity:0;clear:both}[v-cloak][data-v-674beadb]{display:none}.ev-checkbox[data-v-674beadb]{margin:0}.non-border[data-v-674beadb]{border:none!important}.is-empty[data-v-674beadb]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "3410":
@@ -4938,6 +4871,17 @@ module.exports = function (it) {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "3740":
+/***/ (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_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e6a7");
+/* 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_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_3ad2a4b3_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3785":
@@ -5012,6 +4956,21 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "3c48":
+/***/ (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__("7cf2");
+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("0ffa38ed", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "3ca3":
@@ -5115,6 +5074,29 @@ var global = __webpack_require__("da84");
 module.exports = global;
 
 
+/***/ }),
+
+/***/ "430d":
+/***/ (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-9afb75c8]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-9afb75c8]{padding-top:0}.table .table-header[data-v-9afb75c8]{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-9afb75c8]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-9afb75c8]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-9afb75c8]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-9afb75c8],.column-list[data-v-9afb75c8]{position:relative;height:100%}.column[data-v-9afb75c8]{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-9afb75c8]{border-right:1px solid}.column[data-v-9afb75c8]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-9afb75c8]{cursor:default!important}.column .sort-icon[data-v-9afb75c8]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-9afb75c8]{font-size:13px;color:#005cc8}.column.db-icon[data-v-9afb75c8],.column.user-icon[data-v-9afb75c8]{width:42px!important;min-width:42px!important;border-right:0}.column-name[data-v-9afb75c8]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-9afb75c8]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-9afb75c8]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-9afb75c8]{display:block;cursor:pointer}.column-filter-status[data-v-9afb75c8]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-9afb75c8]{font-size:10px;vertical-align:top}.column-resize[data-v-9afb75c8]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-9afb75c8]:hover{cursor:col-resize}.table-body[data-v-9afb75c8]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-9afb75c8]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-9afb75c8]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-9afb75c8]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-9afb75c8]{border-bottom:1px solid}.table-body .row[data-v-9afb75c8]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-9afb75c8]{border-bottom:1px solid}.table-body .row.selected[data-v-9afb75c8]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-9afb75c8]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-9afb75c8]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-9afb75c8]{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-9afb75c8]{border-right:1px solid}.table-body .cell div[data-v-9afb75c8]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-9afb75c8]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-9afb75c8]{overflow:initial}.table-body .cell.float[data-v-9afb75c8],.table-body .cell.number[data-v-9afb75c8]{text-align:right}.table-body .cell.string[data-v-9afb75c8],.table-body .cell.stringnumber[data-v-9afb75c8]{text-align:left}.table-body .cell.center[data-v-9afb75c8]{text-align:center}.table-body .cell.left[data-v-9afb75c8]{text-align:left}.table-body .cell.left .wrap[data-v-9afb75c8]{justify-content:flex-start}.table-body .cell.right[data-v-9afb75c8]{text-align:right}.table-body .cell.right .wrap[data-v-9afb75c8]{justify-content:flex-end}.table-body .cell[data-v-9afb75c8]:last-child{border-right:0}.table-body .cell.user-icon[data-v-9afb75c8]{height:auto!important}.table-body .cell.db-icon[data-v-9afb75c8],.table-body .cell.user-icon[data-v-9afb75c8]{width:42px!important;min-width:42px!important;border-right:0}.table-resize-line[data-v-9afb75c8]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-9afb75c8]{border-right:1px solid}.vscroll-spacer[data-v-9afb75c8]{opacity:0;clear:both}[v-cloak][data-v-9afb75c8]{display:none}.ev-checkbox[data-v-9afb75c8]{margin:0}.non-border[data-v-9afb75c8]{border:none!important}.is-empty[data-v-9afb75c8]{height:30px;text-align:center}.postgresql[data-v-9afb75c8]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-9afb75c8]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-9afb75c8]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-9afb75c8]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "44ad":
@@ -5196,6 +5178,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "4533":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-menu-list{position:absolute;width:0;height:0;white-space:nowrap}.ev-menu-ul{list-style:none;position:absolute;border:1px solid #d0d0d0;background-color:#eee;z-index:100}.ev-menu-li{height:30px;line-height:30px;padding:2px 25px}.ev-menu-li:not(:last-child){border-bottom:1px dotted #d0d0d0}.ev-menu-li:hover{background-color:#ecf5ff;cursor:pointer}.ev-menu-li.disabled{color:#b2b2b2}.ev-menu-li.disabled:hover{cursor:not-allowed}.ev-menu-li-suffix{position:absolute;right:3px}.ev-menu-li-prefix{position:absolute;left:3px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "45fc":
@@ -5605,6 +5601,17 @@ $({ target: 'Reflect', stat: true, forced: FORCED, sham: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "4d5a":
+/***/ (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_Tabs_vue_vue_type_style_index_0_id_8de69c94_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3c48");
+/* 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_Tabs_vue_vue_type_style_index_0_id_8de69c94_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Tabs_vue_vue_type_style_index_0_id_8de69c94_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "4d63":
@@ -5810,17 +5817,6 @@ module.exports = function from(arrayLike /* , mapfn = undefined, thisArg = undef
 };
 
 
-/***/ }),
-
-/***/ "4e54":
-/***/ (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_Tabs_vue_vue_type_style_index_0_id_ad009c5e_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0897");
-/* 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_Tabs_vue_vue_type_style_index_0_id_ad009c5e_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Tabs_vue_vue_type_style_index_0_id_ad009c5e_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "5009":
@@ -6765,6 +6761,25 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "6b0d":
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+// runtime helper for setting properties on components
+// in a tree-shakable way
+exports.default = (sfc, props) => {
+    const target = sfc.__vccOpts || sfc;
+    for (const [key, val] of props) {
+        target[key] = val;
+    }
+    return target;
+};
+
+
 /***/ }),
 
 /***/ "6b66":
@@ -7033,6 +7048,17 @@ module.exports = function ($this, dummy, Wrapper) {
 };
 
 
+/***/ }),
+
+/***/ "7308":
+/***/ (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_MenuList_vue_vue_type_style_index_0_id_ba7b6ca0_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d66a");
+/* 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_MenuList_vue_vue_type_style_index_0_id_ba7b6ca0_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_loader_v16_dist_index_js_ref_0_1_MenuList_vue_vue_type_style_index_0_id_ba7b6ca0_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7418":
@@ -7093,13 +7119,16 @@ module.exports = [
 
 /***/ }),
 
-/***/ "7a58":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "7a88":
+/***/ (function(module, 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_0ce21cd4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2034");
-/* 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_0ce21cd4_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_0ce21cd4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".treeGridToolbar{margin-bottom:10px;overflow:hidden}.treeGridToolbar>.search{float:right;margin-right:0}.treeGridToolbar>.ev-button{margin:0 2px 0 2px}", ""]);
+// Exports
+module.exports = exports;
 
 
 /***/ }),
@@ -7229,6 +7258,20 @@ exports.push([module.i, ".ev-progress{display:flex;position:relative;width:100%;
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "7cf2":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-tabs li,.ev-tabs ul{list-style:none}.ev-tabs.closable .ev-tabs-title:hover .text{transform:translateX(-5px)}.ev-tabs.closable .ev-tabs-title:hover .close-icon{opacity:1}.ev-tabs.stretch .ev-tabs-title{width:100%}.ev-tabs-header{position:relative;border-bottom:1px solid #b2b2b2}.dark .ev-tabs-header{border-bottom:1px solid #666}.ev-tabs-header .ev-tabs-list-wrapper{overflow:hidden}.ev-tabs-header .ev-tabs-list,.ev-tabs-header .ev-tabs-list-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-tabs-header .ev-tabs-list{display:flex;float:left;border-radius:4px 4px 0 0;border-bottom:none!important;text-align:center;transition:transform .3s;border:1px solid #b2b2b2}.dark .ev-tabs-header .ev-tabs-list{border:1px solid #666}.ev-tabs-header .ev-tabs-title{position:relative;width:100px;height:35px;padding:0 17px;line-height:35px;cursor:pointer;background-color:hsla(0,0%,69.8%,.1)}.dark .ev-tabs-header .ev-tabs-title{background-color:hsla(0,0%,40%,.3)}.ev-tabs-header .ev-tabs-title:not(:first-child){border-left:1px solid #b2b2b2}.dark .ev-tabs-header .ev-tabs-title:not(:first-child){border-left:1px solid #666}.ev-tabs-header .ev-tabs-title:not(.select-idx):hover{color:#1a6afe}.dark .ev-tabs-header .ev-tabs-title:not(.select-idx):hover{color:#007aff}.ev-tabs-header .ev-tabs-title.active{background-color:transparent;border-bottom:1px solid #fff;color:#1a6afe}.dark .ev-tabs-header .ev-tabs-title.active{border-bottom:1px solid #0d0d0d;color:#007aff}.ev-tabs-header .ev-tabs-title.has-icon{padding-left:32px}.ev-tabs-header .ev-tabs-title.drag-select{background-color:hsla(0,0%,100%,.3)}.dark .ev-tabs-header .ev-tabs-title.drag-select{background-color:rgba(13,13,13,.3)}.ev-tabs-header .ev-tabs-title .text{transition:transform .3s ease-in-out;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.ev-tabs-header .ev-tabs-title .close-icon{position:absolute;top:50%;right:7px;transform:translateY(-50%);font-size:11px;opacity:0;transition:opacity .3s ease-in-out}.ev-tabs-header .ev-tabs-icon{position:absolute;left:10px}.ev-tabs-nav-wrapper{box-sizing:border-box;margin-bottom:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-tabs-nav-wrapper.has-scroll{padding:0 20px}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow{position:absolute;top:0;width:17px;height:35px;line-height:35px;font-size:12px;text-align:center;cursor:pointer;background-color:#fff}.dark .ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow{background-color:#0d0d0d}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow:hover{color:#1a6afe}.dark .ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow:hover{color:#007aff}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow.prev{left:0}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow.next{right:0}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7db0":
@@ -7384,20 +7427,6 @@ module.exports = function (Iterable, NAME, IteratorConstructor, next, DEFAULT, I
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "7f94":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-menu-list{position:absolute;width:0;height:0;white-space:nowrap}.ev-menu-ul{list-style:none;position:absolute;border:1px solid #d0d0d0;background-color:#eee;z-index:100}.ev-menu-li{height:30px;line-height:30px;padding:2px 25px}.ev-menu-li:not(:last-child){border-bottom:1px dotted #d0d0d0}.ev-menu-li:hover{background-color:#ecf5ff;cursor:pointer}.ev-menu-li.disabled{color:#b2b2b2}.ev-menu-li.disabled:hover{cursor:not-allowed}.ev-menu-li-suffix{position:absolute;right:3px}.ev-menu-li-prefix{position:absolute;left:3px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "7f9a":
@@ -7785,7 +7814,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.1.37\"}");
+module.exports = JSON.parse("{\"a\":\"3.1.41\"}");
 
 /***/ }),
 
@@ -7882,29 +7911,6 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
-/***/ }),
-
-/***/ "934d":
-/***/ (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-0ce21cd4]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-0ce21cd4]{padding-top:0}.table .table-header[data-v-0ce21cd4]{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-0ce21cd4]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-0ce21cd4]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-0ce21cd4]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-0ce21cd4],.column-list[data-v-0ce21cd4]{position:relative;height:100%}.column[data-v-0ce21cd4]{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-0ce21cd4]{border-right:1px solid}.column[data-v-0ce21cd4]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-0ce21cd4]{cursor:default!important}.column .sort-icon[data-v-0ce21cd4]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-0ce21cd4]{font-size:13px;color:#005cc8}.column.db-icon[data-v-0ce21cd4],.column.user-icon[data-v-0ce21cd4]{width:42px!important;min-width:42px!important;border-right:0}.column-name[data-v-0ce21cd4]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-0ce21cd4]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-0ce21cd4]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-0ce21cd4]{display:block;cursor:pointer}.column-filter-status[data-v-0ce21cd4]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-0ce21cd4]{font-size:10px;vertical-align:top}.column-resize[data-v-0ce21cd4]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-0ce21cd4]:hover{cursor:col-resize}.table-body[data-v-0ce21cd4]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-0ce21cd4]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-0ce21cd4]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-0ce21cd4]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-0ce21cd4]{border-bottom:1px solid}.table-body .row[data-v-0ce21cd4]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-0ce21cd4]{border-bottom:1px solid}.table-body .row.selected[data-v-0ce21cd4]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-0ce21cd4]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-0ce21cd4]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-0ce21cd4]{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-0ce21cd4]{border-right:1px solid}.table-body .cell div[data-v-0ce21cd4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-0ce21cd4]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-0ce21cd4]{overflow:initial}.table-body .cell.float[data-v-0ce21cd4],.table-body .cell.number[data-v-0ce21cd4]{text-align:right}.table-body .cell.string[data-v-0ce21cd4],.table-body .cell.stringnumber[data-v-0ce21cd4]{text-align:left}.table-body .cell.center[data-v-0ce21cd4]{text-align:center}.table-body .cell.left[data-v-0ce21cd4]{text-align:left}.table-body .cell.left .wrap[data-v-0ce21cd4]{justify-content:flex-start}.table-body .cell.right[data-v-0ce21cd4]{text-align:right}.table-body .cell.right .wrap[data-v-0ce21cd4]{justify-content:flex-end}.table-body .cell[data-v-0ce21cd4]:last-child{border-right:0}.table-body .cell.user-icon[data-v-0ce21cd4]{height:auto!important}.table-body .cell.db-icon[data-v-0ce21cd4],.table-body .cell.user-icon[data-v-0ce21cd4]{width:42px!important;min-width:42px!important;border-right:0}.table-resize-line[data-v-0ce21cd4]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-0ce21cd4]{border-right:1px solid}.vscroll-spacer[data-v-0ce21cd4]{opacity:0;clear:both}[v-cloak][data-v-0ce21cd4]{display:none}.ev-checkbox[data-v-0ce21cd4]{margin:0}.non-border[data-v-0ce21cd4]{border:none!important}.is-empty[data-v-0ce21cd4]{height:30px;text-align:center}.postgresql[data-v-0ce21cd4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-0ce21cd4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-0ce21cd4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-0ce21cd4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "94ca":
@@ -7961,20 +7967,6 @@ exports.push([module.i, ".ev-input-number{position:relative;box-sizing:border-bo
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "962a":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-tabs li,.ev-tabs ul{list-style:none}.ev-tabs.closable .ev-tabs-title:hover .text{transform:translateX(-5px)}.ev-tabs.closable .ev-tabs-title:hover .close-icon{opacity:1}.ev-tabs.stretch .ev-tabs-title{width:100%}.ev-tabs-header{position:relative;border-bottom:1px solid #b2b2b2}.dark .ev-tabs-header{border-bottom:1px solid #666}.ev-tabs-header .ev-tabs-list-wrapper{overflow:hidden}.ev-tabs-header .ev-tabs-list,.ev-tabs-header .ev-tabs-list-wrapper{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-tabs-header .ev-tabs-list{display:flex;float:left;border-radius:4px 4px 0 0;border-bottom:none!important;text-align:center;transition:transform .3s;border:1px solid #b2b2b2}.dark .ev-tabs-header .ev-tabs-list{border:1px solid #666}.ev-tabs-header .ev-tabs-title{position:relative;width:100px;height:35px;padding:0 17px;line-height:35px;cursor:pointer;background-color:hsla(0,0%,69.8%,.1)}.dark .ev-tabs-header .ev-tabs-title{background-color:hsla(0,0%,40%,.3)}.ev-tabs-header .ev-tabs-title:not(:first-child){border-left:1px solid #b2b2b2}.dark .ev-tabs-header .ev-tabs-title:not(:first-child){border-left:1px solid #666}.ev-tabs-header .ev-tabs-title:not(.select-idx):hover{color:#1a6afe}.dark .ev-tabs-header .ev-tabs-title:not(.select-idx):hover{color:#007aff}.ev-tabs-header .ev-tabs-title.active{background-color:transparent;border-bottom:1px solid #fff;color:#1a6afe}.dark .ev-tabs-header .ev-tabs-title.active{border-bottom:1px solid #0d0d0d;color:#007aff}.ev-tabs-header .ev-tabs-title.has-icon{padding-left:32px}.ev-tabs-header .ev-tabs-title.drag-select{background-color:hsla(0,0%,100%,.3)}.dark .ev-tabs-header .ev-tabs-title.drag-select{background-color:rgba(13,13,13,.3)}.ev-tabs-header .ev-tabs-title .text{transition:transform .3s ease-in-out;max-width:100%;overflow:hidden;text-overflow:ellipsis;display:inline-block;white-space:nowrap}.ev-tabs-header .ev-tabs-title .close-icon{position:absolute;top:50%;right:7px;transform:translateY(-50%);font-size:11px;opacity:0;transition:opacity .3s ease-in-out}.ev-tabs-header .ev-tabs-icon{position:absolute;left:10px}.ev-tabs-nav-wrapper{box-sizing:border-box;margin-bottom:-1px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-tabs-nav-wrapper.has-scroll{padding:0 20px}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow{position:absolute;top:0;width:17px;height:35px;line-height:35px;font-size:12px;text-align:center;cursor:pointer;background-color:#fff}.dark .ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow{background-color:#0d0d0d}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow:hover{color:#1a6afe}.dark .ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow:hover{color:#007aff}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow.prev{left:0}.ev-tabs-nav-wrapper.has-scroll .ev-tabs-arrow.next{right:0}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "96cf":
@@ -10547,6 +10539,17 @@ $({ target: 'Object', stat: true, forced: Object.assign !== assign }, {
 });
 
 
+/***/ }),
+
+/***/ "cd5d":
+/***/ (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_4eddcfbc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("e167");
+/* 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_4eddcfbc_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_4eddcfbc_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "cdf9":
@@ -10797,6 +10800,21 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "d66a":
+/***/ (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__("4533");
+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("118d8635", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "d784":
@@ -11005,6 +11023,21 @@ var update = add("e0cd6800", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "db9d":
+/***/ (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__("430d");
+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("54620c6a", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "dbb4":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11301,6 +11334,21 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 };
 
 
+/***/ }),
+
+/***/ "e167":
+/***/ (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__("1e0f");
+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("67f43f4b", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "e177":
@@ -11599,6 +11647,21 @@ module.exports = function (exec) {
 };
 
 
+/***/ }),
+
+/***/ "e6a7":
+/***/ (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__("7a88");
+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("635c3f2f", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "e6cf":
@@ -12252,21 +12315,6 @@ exports.push([module.i, "@font-face{font-family:EVUI;src:url(" + ___CSS_LOADER_U
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "f542":
-/***/ (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__("33c5");
-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("b7045f52", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "f5df":
@@ -12410,7 +12458,7 @@ var es_array_concat = __webpack_require__("99af");
 // EXTERNAL MODULE: external {"commonjs":"vue","commonjs2":"vue","root":"Vue"}
 var external_commonjs_vue_commonjs2_vue_root_Vue_ = __webpack_require__("8bbf");
 
-// 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/tabs/Tabs.vue?vue&type=template&id=ad009c5e
+// 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/tabs/Tabs.vue?vue&type=template&id=8de69c94
 
 
 var _hoisted_1 = {
@@ -12438,7 +12486,11 @@ var _hoisted_6 = {
   class: "ev-tabs-body"
 };
 function render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("section", {
+  var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
+
+  var _directive_observe_visibility = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("observe-visibility");
+
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("section", {
     class: ["ev-tabs", {
       closable: $props.closable,
       stretch: $props.stretch
@@ -12501,9 +12553,12 @@ function render(_ctx, _cache, $props, $setup, $data, $options) {
         return $setup.removeTab(item.value);
       }, ["stop"])
     }, [_hoisted_5], 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 16, ["onClick", "onDragstart", "onDragover"]);
-  }), 128))], 4)], 512)], 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")])], 2);
+  }), 128))], 4)], 512)], 2)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", _hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default")])], 2)), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+    callback: $setup.onResize,
+    once: true
+  }]]);
 }
-// CONCATENATED MODULE: ./src/components/tabs/Tabs.vue?vue&type=template&id=ad009c5e
+// CONCATENATED MODULE: ./src/components/tabs/Tabs.vue?vue&type=template&id=8de69c94
 
 // EXTERNAL MODULE: ./node_modules/core-js/modules/es.array.every.js
 var es_array_every = __webpack_require__("a623");
@@ -12788,14 +12843,6 @@ function _toConsumableArray(arr) {
           }
         }
       }
-    }); // 최초 렌더링 시 El의 너비 확인
-
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-      observeListEl();
-    }); // 화면 업데이트 시 El의 너비 확인
-
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUpdated"])(function () {
-      observeListEl();
     });
     /**
      *  탭 클릭 로직
@@ -12946,6 +12993,10 @@ function _toConsumableArray(arr) {
       tabCloneList.value.splice(0);
     };
 
+    var onResize = function onResize() {
+      observeListEl();
+    };
+
     return {
       mv: mv,
       computedTabList: computedTabList,
@@ -12960,14 +13011,19 @@ function _toConsumableArray(arr) {
       dragoverTab: dragoverTab,
       dragendTab: dragendTab,
       dragSelectCls: dragSelectCls,
-      selectIdxCls: selectIdxCls
+      selectIdxCls: selectIdxCls,
+      onResize: onResize
     };
   }
 });
 // CONCATENATED MODULE: ./src/components/tabs/Tabs.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/tabs/Tabs.vue?vue&type=style&index=0&id=ad009c5e&lang=scss
-var Tabsvue_type_style_index_0_id_ad009c5e_lang_scss = __webpack_require__("4e54");
+// EXTERNAL MODULE: ./src/components/tabs/Tabs.vue?vue&type=style&index=0&id=8de69c94&lang=scss
+var Tabsvue_type_style_index_0_id_8de69c94_lang_scss = __webpack_require__("4d5a");
+
+// EXTERNAL MODULE: ./node_modules/vue-loader-v16/dist/exportHelper.js
+var exportHelper = __webpack_require__("6b0d");
+var exportHelper_default = /*#__PURE__*/__webpack_require__.n(exportHelper);
 
 // CONCATENATED MODULE: ./src/components/tabs/Tabs.vue
 
@@ -12975,9 +13031,11 @@ var Tabsvue_type_style_index_0_id_ad009c5e_lang_scss = __webpack_require__("4e54
 
 
 
-Tabsvue_type_script_lang_js.render = render
 
-/* harmony default export */ var Tabs = (Tabsvue_type_script_lang_js);
+
+const __exports__ = /*#__PURE__*/exportHelper_default()(Tabsvue_type_script_lang_js, [['render',render]])
+
+/* harmony default export */ var Tabs = (__exports__);
 // CONCATENATED MODULE: ./src/components/tabs/index.js
 
 
@@ -13039,9 +13097,11 @@ var TabPanelvue_type_style_index_0_id_c4002878_lang_scss = __webpack_require__("
 
 
 
-TabPanelvue_type_script_lang_js.render = TabPanelvue_type_template_id_c4002878_render
 
-/* harmony default export */ var TabPanel = (TabPanelvue_type_script_lang_js);
+
+const TabPanel_exports_ = /*#__PURE__*/exportHelper_default()(TabPanelvue_type_script_lang_js, [['render',TabPanelvue_type_template_id_c4002878_render]])
+
+/* harmony default export */ var TabPanel = (TabPanel_exports_);
 // CONCATENATED MODULE: ./src/components/tabPanel/index.js
 
 
@@ -13143,9 +13203,11 @@ var Buttonvue_type_style_index_0_id_401e0117_lang_scss = __webpack_require__("8d
 
 
 
-Buttonvue_type_script_lang_js.render = Buttonvue_type_template_id_401e0117_render
 
-/* harmony default export */ var Button = (Buttonvue_type_script_lang_js);
+
+const Button_exports_ = /*#__PURE__*/exportHelper_default()(Buttonvue_type_script_lang_js, [['render',Buttonvue_type_template_id_401e0117_render]])
+
+/* harmony default export */ var Button = (Button_exports_);
 // CONCATENATED MODULE: ./src/components/button/index.js
 
 
@@ -13175,9 +13237,11 @@ function ButtonGroupvue_type_template_id_b33f6c12_render(_ctx, _cache, $props, $
 
 
 
-ButtonGroupvue_type_script_lang_js.render = ButtonGroupvue_type_template_id_b33f6c12_render
 
-/* harmony default export */ var ButtonGroup = (ButtonGroupvue_type_script_lang_js);
+
+const ButtonGroup_exports_ = /*#__PURE__*/exportHelper_default()(ButtonGroupvue_type_script_lang_js, [['render',ButtonGroupvue_type_template_id_b33f6c12_render]])
+
+/* harmony default export */ var ButtonGroup = (ButtonGroup_exports_);
 // CONCATENATED MODULE: ./src/components/buttonGroup/index.js
 
 
@@ -13405,9 +13469,11 @@ var Checkboxvue_type_style_index_0_id_022a53e1_lang_scss = __webpack_require__("
 
 
 
-Checkboxvue_type_script_lang_js.render = Checkboxvue_type_template_id_022a53e1_render
 
-/* harmony default export */ var Checkbox = (Checkboxvue_type_script_lang_js);
+
+const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_lang_js, [['render',Checkboxvue_type_template_id_022a53e1_render]])
+
+/* harmony default export */ var Checkbox = (Checkbox_exports_);
 // CONCATENATED MODULE: ./src/components/checkbox/index.js
 
 
@@ -13497,9 +13563,11 @@ function CheckboxGroupvue_type_template_id_9321c86a_render(_ctx, _cache, $props,
 
 
 
-CheckboxGroupvue_type_script_lang_js.render = CheckboxGroupvue_type_template_id_9321c86a_render
 
-/* harmony default export */ var CheckboxGroup = (CheckboxGroupvue_type_script_lang_js);
+
+const CheckboxGroup_exports_ = /*#__PURE__*/exportHelper_default()(CheckboxGroupvue_type_script_lang_js, [['render',CheckboxGroupvue_type_template_id_9321c86a_render]])
+
+/* harmony default export */ var CheckboxGroup = (CheckboxGroup_exports_);
 // CONCATENATED MODULE: ./src/components/checkboxGroup/index.js
 
 
@@ -13626,9 +13694,11 @@ var Radiovue_type_style_index_0_id_7bc2bc90_lang_scss = __webpack_require__("d01
 
 
 
-Radiovue_type_script_lang_js.render = Radiovue_type_template_id_7bc2bc90_render
 
-/* harmony default export */ var Radio = (Radiovue_type_script_lang_js);
+
+const Radio_exports_ = /*#__PURE__*/exportHelper_default()(Radiovue_type_script_lang_js, [['render',Radiovue_type_template_id_7bc2bc90_render]])
+
+/* harmony default export */ var Radio = (Radio_exports_);
 // CONCATENATED MODULE: ./src/components/radio/index.js
 
 
@@ -13717,9 +13787,11 @@ function RadioGroupvue_type_template_id_03bd2002_render(_ctx, _cache, $props, $s
 
 
 
-RadioGroupvue_type_script_lang_js.render = RadioGroupvue_type_template_id_03bd2002_render
 
-/* harmony default export */ var RadioGroup = (RadioGroupvue_type_script_lang_js);
+
+const RadioGroup_exports_ = /*#__PURE__*/exportHelper_default()(RadioGroupvue_type_script_lang_js, [['render',RadioGroupvue_type_template_id_03bd2002_render]])
+
+/* harmony default export */ var RadioGroup = (RadioGroup_exports_);
 // CONCATENATED MODULE: ./src/components/radioGroup/index.js
 
 
@@ -14529,9 +14601,11 @@ var Selectvue_type_style_index_0_id_09d2f79a_lang_scss = __webpack_require__("ce
 
 
 
-Selectvue_type_script_lang_js.render = Selectvue_type_template_id_09d2f79a_render
 
-/* harmony default export */ var Select = (Selectvue_type_script_lang_js);
+
+const Select_exports_ = /*#__PURE__*/exportHelper_default()(Selectvue_type_script_lang_js, [['render',Selectvue_type_template_id_09d2f79a_render]])
+
+/* harmony default export */ var Select = (Select_exports_);
 // CONCATENATED MODULE: ./src/components/select/index.js
 
 
@@ -14624,9 +14698,11 @@ var Togglevue_type_style_index_0_id_3e1292c6_lang_scss = __webpack_require__("23
 
 
 
-Togglevue_type_script_lang_js.render = Togglevue_type_template_id_3e1292c6_render
 
-/* harmony default export */ var Toggle = (Togglevue_type_script_lang_js);
+
+const Toggle_exports_ = /*#__PURE__*/exportHelper_default()(Togglevue_type_script_lang_js, [['render',Togglevue_type_template_id_3e1292c6_render]])
+
+/* harmony default export */ var Toggle = (Toggle_exports_);
 // CONCATENATED MODULE: ./src/components/toggle/index.js
 
 
@@ -14901,9 +14977,11 @@ var TextFieldvue_type_style_index_0_id_3b243578_lang_scss = __webpack_require__(
 
 
 
-TextFieldvue_type_script_lang_js.render = TextFieldvue_type_template_id_3b243578_render
 
-/* harmony default export */ var TextField = (TextFieldvue_type_script_lang_js);
+
+const TextField_exports_ = /*#__PURE__*/exportHelper_default()(TextFieldvue_type_script_lang_js, [['render',TextFieldvue_type_template_id_3b243578_render]])
+
+/* harmony default export */ var TextField = (TextField_exports_);
 // CONCATENATED MODULE: ./src/components/textField/index.js
 
 
@@ -15458,9 +15536,11 @@ var InputNumbervue_type_style_index_0_id_7488cf8c_lang_scss = __webpack_require_
 
 
 
-InputNumbervue_type_script_lang_js.render = InputNumbervue_type_template_id_7488cf8c_render
 
-/* harmony default export */ var InputNumber = (InputNumbervue_type_script_lang_js);
+
+const InputNumber_exports_ = /*#__PURE__*/exportHelper_default()(InputNumbervue_type_script_lang_js, [['render',InputNumbervue_type_template_id_7488cf8c_render]])
+
+/* harmony default export */ var InputNumber = (InputNumber_exports_);
 // CONCATENATED MODULE: ./src/components/inputNumber/index.js
 
 
@@ -18612,9 +18692,11 @@ var Slidervue_type_style_index_0_id_4c944c64_lang_scss = __webpack_require__("13
 
 
 
-Slidervue_type_script_lang_js.render = Slidervue_type_template_id_4c944c64_render
 
-/* harmony default export */ var Slider = (Slidervue_type_script_lang_js);
+
+const Slider_exports_ = /*#__PURE__*/exportHelper_default()(Slidervue_type_script_lang_js, [['render',Slidervue_type_template_id_4c944c64_render]])
+
+/* harmony default export */ var Slider = (Slider_exports_);
 // CONCATENATED MODULE: ./src/components/slider/index.js
 
 
@@ -18696,9 +18778,11 @@ function Iconvue_type_template_id_5c77b16f_render(_ctx, _cache, $props, $setup,
 
 
 
-Iconvue_type_script_lang_js.render = Iconvue_type_template_id_5c77b16f_render
 
-/* harmony default export */ var Icon = (Iconvue_type_script_lang_js);
+
+const Icon_exports_ = /*#__PURE__*/exportHelper_default()(Iconvue_type_script_lang_js, [['render',Iconvue_type_template_id_5c77b16f_render]])
+
+/* harmony default export */ var Icon = (Icon_exports_);
 // CONCATENATED MODULE: ./src/components/icon/index.js
 
 
@@ -20458,9 +20542,11 @@ var Calendarvue_type_style_index_0_id_4d16ba3f_lang_scss = __webpack_require__("
 
 
 
-Calendarvue_type_script_lang_js.render = Calendarvue_type_template_id_4d16ba3f_render
 
-/* harmony default export */ var Calendar = (Calendarvue_type_script_lang_js);
+
+const Calendar_exports_ = /*#__PURE__*/exportHelper_default()(Calendarvue_type_script_lang_js, [['render',Calendarvue_type_template_id_4d16ba3f_render]])
+
+/* harmony default export */ var Calendar = (Calendar_exports_);
 // CONCATENATED MODULE: ./src/components/calendar/index.js
 
 
@@ -21015,9 +21101,11 @@ var DatePickervue_type_style_index_0_id_f0ca1c08_lang_scss = __webpack_require__
 
 
 
-DatePickervue_type_script_lang_js.render = DatePickervue_type_template_id_f0ca1c08_render
 
-/* harmony default export */ var DatePicker = (DatePickervue_type_script_lang_js);
+
+const DatePicker_exports_ = /*#__PURE__*/exportHelper_default()(DatePickervue_type_script_lang_js, [['render',DatePickervue_type_template_id_f0ca1c08_render]])
+
+/* harmony default export */ var DatePicker = (DatePicker_exports_);
 // CONCATENATED MODULE: ./src/components/datePicker/index.js
 
 
@@ -21191,9 +21279,11 @@ var Messagevue_type_style_index_0_id_9294c530_lang_scss = __webpack_require__("e
 
 
 
-Messagevue_type_script_lang_js.render = Messagevue_type_template_id_9294c530_render
 
-/* harmony default export */ var Message = (Messagevue_type_script_lang_js);
+
+const Message_exports_ = /*#__PURE__*/exportHelper_default()(Messagevue_type_script_lang_js, [['render',Messagevue_type_template_id_9294c530_render]])
+
+/* harmony default export */ var Message = (Message_exports_);
 // CONCATENATED MODULE: ./src/components/message/index.js
 
 
@@ -21430,9 +21520,11 @@ var Notificationvue_type_style_index_0_id_4d285cf1_lang_scss = __webpack_require
 
 
 
-Notificationvue_type_script_lang_js.render = Notificationvue_type_template_id_4d285cf1_render
 
-/* harmony default export */ var Notification = (Notificationvue_type_script_lang_js);
+
+const Notification_exports_ = /*#__PURE__*/exportHelper_default()(Notificationvue_type_script_lang_js, [['render',Notificationvue_type_template_id_4d285cf1_render]])
+
+/* harmony default export */ var Notification = (Notification_exports_);
 // CONCATENATED MODULE: ./src/components/notification/index.js
 
 
@@ -21732,9 +21824,11 @@ var MessageBoxvue_type_style_index_0_id_4ca1104e_lang_scss = __webpack_require__
 
 
 
-MessageBoxvue_type_script_lang_js.render = MessageBoxvue_type_template_id_4ca1104e_render
 
-/* harmony default export */ var MessageBox = (MessageBoxvue_type_script_lang_js);
+
+const MessageBox_exports_ = /*#__PURE__*/exportHelper_default()(MessageBoxvue_type_script_lang_js, [['render',MessageBoxvue_type_template_id_4ca1104e_render]])
+
+/* harmony default export */ var MessageBox = (MessageBox_exports_);
 // CONCATENATED MODULE: ./src/components/messageBox/index.js
 
 
@@ -22117,9 +22211,11 @@ var Schedulervue_type_style_index_0_id_08294a5a_lang_scss = __webpack_require__(
 
 
 
-Schedulervue_type_script_lang_js.render = Schedulervue_type_template_id_08294a5a_render
 
-/* harmony default export */ var Scheduler = (Schedulervue_type_script_lang_js);
+
+const Scheduler_exports_ = /*#__PURE__*/exportHelper_default()(Schedulervue_type_script_lang_js, [['render',Schedulervue_type_template_id_08294a5a_render]])
+
+/* harmony default export */ var Scheduler = (Scheduler_exports_);
 // CONCATENATED MODULE: ./src/components/scheduler/index.js
 
 
@@ -22153,28 +22249,28 @@ function ContextMenuvue_type_template_id_7440801c_render(_ctx, _cache, $props, $
 }
 // CONCATENATED MODULE: ./src/components/contextMenu/ContextMenu.vue?vue&type=template&id=7440801c
 
-// 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/contextMenu/MenuList.vue?vue&type=template&id=b7ca90c6
+// 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/contextMenu/MenuList.vue?vue&type=template&id=ba7b6ca0
 
 
-var MenuListvue_type_template_id_b7ca90c6_hoisted_1 = {
+var MenuListvue_type_template_id_ba7b6ca0_hoisted_1 = {
   class: "ev-menu-list"
 };
-var MenuListvue_type_template_id_b7ca90c6_hoisted_2 = {
+var MenuListvue_type_template_id_ba7b6ca0_hoisted_2 = {
   class: "ev-menu-ul"
 };
-var MenuListvue_type_template_id_b7ca90c6_hoisted_3 = {
+var MenuListvue_type_template_id_ba7b6ca0_hoisted_3 = {
   key: 1,
   class: "ev-menu-li-suffix ev-icon-arrow-right2"
 };
-function MenuListvue_type_template_id_b7ca90c6_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", MenuListvue_type_template_id_b7ca90c6_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", MenuListvue_type_template_id_b7ca90c6_hoisted_2, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.items, function (item, idx) {
+function MenuListvue_type_template_id_ba7b6ca0_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", MenuListvue_type_template_id_ba7b6ca0_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", MenuListvue_type_template_id_ba7b6ca0_hoisted_2, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($props.items, function (item, idx) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
       key: "".concat(item.value, "_").concat(idx),
       class: ["ev-menu-li", {
         disabled: item.disabled
       }],
       onClick: function onClick($event) {
-        return [item.click && !item.disabled ? item.click() : function () {}(), $setup.hideAll(item.children)];
+        return [item.click && !item.disabled ? item.click(item) : function () {}(), $setup.hideAll(item.children)];
       },
       onMouseenter: function onMouseenter($event) {
         return !item.disabled ? $setup.mouseenterLi($event, item.children) : function () {}();
@@ -22182,7 +22278,7 @@ function MenuListvue_type_template_id_b7ca90c6_render(_ctx, _cache, $props, $set
     }, [!!item.iconClass ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("i", {
       key: 0,
       class: ["ev-menu-li-prefix", item.iconClass]
-    }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.text) + " ", 1), item.children ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("i", MenuListvue_type_template_id_b7ca90c6_hoisted_3)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["onClick", "onMouseenter"]);
+    }, null, 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(item.text) + " ", 1), item.children ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("i", MenuListvue_type_template_id_ba7b6ca0_hoisted_3)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["onClick", "onMouseenter"]);
   }), 128))]), $setup.isExistChild ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDynamicComponent"])($props.comp), {
     key: 0,
     ref: "childMenu",
@@ -22195,7 +22291,7 @@ function MenuListvue_type_template_id_b7ca90c6_render(_ctx, _cache, $props, $set
     style: $setup.menuStyle
   }, null, 8, ["isShow", "comp", "items", "style"])), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], $setup.childrenItems.length && $setup.isShowChild]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)]);
 }
-// CONCATENATED MODULE: ./src/components/contextMenu/MenuList.vue?vue&type=template&id=b7ca90c6
+// CONCATENATED MODULE: ./src/components/contextMenu/MenuList.vue?vue&type=template&id=ba7b6ca0
 
 // CONCATENATED MODULE: ./src/components/contextMenu/uses.js
 
@@ -22578,8 +22674,8 @@ var uses_useMenuList = function useMenuList() {
 });
 // CONCATENATED MODULE: ./src/components/contextMenu/MenuList.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/contextMenu/MenuList.vue?vue&type=style&index=0&id=b7ca90c6&lang=scss
-var MenuListvue_type_style_index_0_id_b7ca90c6_lang_scss = __webpack_require__("0c91");
+// EXTERNAL MODULE: ./src/components/contextMenu/MenuList.vue?vue&type=style&index=0&id=ba7b6ca0&lang=scss
+var MenuListvue_type_style_index_0_id_ba7b6ca0_lang_scss = __webpack_require__("7308");
 
 // CONCATENATED MODULE: ./src/components/contextMenu/MenuList.vue
 
@@ -22587,9 +22683,11 @@ var MenuListvue_type_style_index_0_id_b7ca90c6_lang_scss = __webpack_require__("
 
 
 
-MenuListvue_type_script_lang_js.render = MenuListvue_type_template_id_b7ca90c6_render
 
-/* harmony default export */ var MenuList = (MenuListvue_type_script_lang_js);
+
+const MenuList_exports_ = /*#__PURE__*/exportHelper_default()(MenuListvue_type_script_lang_js, [['render',MenuListvue_type_template_id_ba7b6ca0_render]])
+
+/* harmony default export */ var MenuList = (MenuList_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/contextMenu/ContextMenu.vue?vue&type=script&lang=js
 
 
@@ -22662,9 +22760,11 @@ MenuListvue_type_script_lang_js.render = MenuListvue_type_template_id_b7ca90c6_r
 
 
 
-ContextMenuvue_type_script_lang_js.render = ContextMenuvue_type_template_id_7440801c_render
 
-/* harmony default export */ var ContextMenu = (ContextMenuvue_type_script_lang_js);
+
+const ContextMenu_exports_ = /*#__PURE__*/exportHelper_default()(ContextMenuvue_type_script_lang_js, [['render',ContextMenuvue_type_template_id_7440801c_render]])
+
+/* harmony default export */ var ContextMenu = (ContextMenu_exports_);
 // CONCATENATED MODULE: ./src/components/contextMenu/index.js
 
 
@@ -23578,9 +23678,11 @@ var Windowvue_type_style_index_0_id_1bebdfd5_lang_scss = __webpack_require__("7e
 
 
 
-Windowvue_type_script_lang_js.render = Windowvue_type_template_id_1bebdfd5_render
 
-/* harmony default export */ var Window = (Windowvue_type_script_lang_js);
+
+const Window_exports_ = /*#__PURE__*/exportHelper_default()(Windowvue_type_script_lang_js, [['render',Windowvue_type_template_id_1bebdfd5_render]])
+
+/* harmony default export */ var Window = (Window_exports_);
 // CONCATENATED MODULE: ./src/components/window/index.js
 
 
@@ -23687,9 +23789,11 @@ var Loadingvue_type_style_index_0_id_6d617eb4_lang_scss = __webpack_require__("7
 
 
 
-Loadingvue_type_script_lang_js.render = Loadingvue_type_template_id_6d617eb4_render
 
-/* harmony default export */ var Loading = (Loadingvue_type_script_lang_js);
+
+const Loading_exports_ = /*#__PURE__*/exportHelper_default()(Loadingvue_type_script_lang_js, [['render',Loadingvue_type_template_id_6d617eb4_render]])
+
+/* harmony default export */ var Loading = (Loading_exports_);
 // CONCATENATED MODULE: ./src/components/loading/index.js
 
 
@@ -23810,9 +23914,11 @@ var Progressvue_type_style_index_0_id_332b8e48_lang_scss = __webpack_require__("
 
 
 
-Progressvue_type_script_lang_js.render = Progressvue_type_template_id_332b8e48_render
 
-/* harmony default export */ var Progress = (Progressvue_type_script_lang_js);
+
+const Progress_exports_ = /*#__PURE__*/exportHelper_default()(Progressvue_type_script_lang_js, [['render',Progressvue_type_template_id_332b8e48_render]])
+
+/* harmony default export */ var Progress = (Progress_exports_);
 // CONCATENATED MODULE: ./src/components/progress/index.js
 
 
@@ -23974,9 +24080,11 @@ var MenuItemvue_type_style_index_0_id_b0cca0fc_lang_scss = __webpack_require__("
 
 
 
-MenuItemvue_type_script_lang_js.render = MenuItemvue_type_template_id_b0cca0fc_render
 
-/* harmony default export */ var MenuItem = (MenuItemvue_type_script_lang_js);
+
+const MenuItem_exports_ = /*#__PURE__*/exportHelper_default()(MenuItemvue_type_script_lang_js, [['render',MenuItemvue_type_template_id_b0cca0fc_render]])
+
+/* harmony default export */ var MenuItem = (MenuItem_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/menu/Menu.vue?vue&type=script&lang=js
 
 
@@ -24034,9 +24142,11 @@ var Menuvue_type_style_index_0_id_2e5ea49a_lang_scss = __webpack_require__("8fef
 
 
 
-Menuvue_type_script_lang_js.render = Menuvue_type_template_id_2e5ea49a_render
 
-/* harmony default export */ var Menu = (Menuvue_type_script_lang_js);
+
+const Menu_exports_ = /*#__PURE__*/exportHelper_default()(Menuvue_type_script_lang_js, [['render',Menuvue_type_template_id_2e5ea49a_render]])
+
+/* harmony default export */ var Menu = (Menu_exports_);
 // CONCATENATED MODULE: ./src/components/menu/index.js
 
 
@@ -24290,9 +24400,11 @@ var TreeNodevue_type_style_index_0_id_6f73b5ae_lang_scss = __webpack_require__("
 
 
 
-TreeNodevue_type_script_lang_js.render = TreeNodevue_type_template_id_6f73b5ae_render
 
-/* harmony default export */ var TreeNode = (TreeNodevue_type_script_lang_js);
+
+const TreeNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeNodevue_type_script_lang_js, [['render',TreeNodevue_type_template_id_6f73b5ae_render]])
+
+/* harmony default export */ var TreeNode = (TreeNode_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/tree/Tree.vue?vue&type=script&lang=js
 
 
@@ -24648,9 +24760,11 @@ TreeNodevue_type_script_lang_js.render = TreeNodevue_type_template_id_6f73b5ae_r
 
 
 
-Treevue_type_script_lang_js.render = Treevue_type_template_id_63046d48_render
 
-/* harmony default export */ var Tree = (Treevue_type_script_lang_js);
+
+const Tree_exports_ = /*#__PURE__*/exportHelper_default()(Treevue_type_script_lang_js, [['render',Treevue_type_template_id_63046d48_render]])
+
+/* harmony default export */ var Tree = (Tree_exports_);
 // CONCATENATED MODULE: ./src/components/tree/index.js
 
 
@@ -24995,9 +25109,11 @@ var TimePickervue_type_style_index_0_id_538a150f_lang_scss = __webpack_require__
 
 
 
-TimePickervue_type_script_lang_js.render = TimePickervue_type_template_id_538a150f_render
 
-/* harmony default export */ var TimePicker = (TimePickervue_type_script_lang_js);
+
+const TimePicker_exports_ = /*#__PURE__*/exportHelper_default()(TimePickervue_type_script_lang_js, [['render',TimePickervue_type_template_id_538a150f_render]])
+
+/* harmony default export */ var TimePicker = (TimePicker_exports_);
 // CONCATENATED MODULE: ./src/components/timePicker/index.js
 
 
@@ -25015,39 +25131,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=0ce21cd4&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=9afb75c8&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-0ce21cd4");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-9afb75c8");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-0ce21cd4");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-9afb75c8");
 
-var Gridvue_type_template_id_0ce21cd4_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_9afb75c8_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_0ce21cd4_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_9afb75c8_scoped_true_hoisted_2 = {
   key: 0,
   class: "column-filter-status"
 };
-var Gridvue_type_template_id_0ce21cd4_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_9afb75c8_scoped_true_hoisted_3 = {
   key: 0
 };
 
-var Gridvue_type_template_id_0ce21cd4_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_9afb75c8_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_0ce21cd4_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_9afb75c8_scoped_true_hoisted_5 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_0ce21cd4_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_9afb75c8_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");
@@ -25100,7 +25216,7 @@ var Gridvue_type_template_id_0ce21cd4_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_0ce21cd4_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_9afb75c8_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,
@@ -25130,7 +25246,7 @@ var Gridvue_type_template_id_0ce21cd4_scoped_true_render = /*#__PURE__*/_withId(
       style: "\n                width: ".concat(column.width, "px;\n                min-width: ").concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px;")
     }, [_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_0ce21cd4_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_9afb75c8_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,
@@ -25236,13 +25352,13 @@ var Gridvue_type_template_id_0ce21cd4_scoped_true_render = /*#__PURE__*/_withId(
         title: $setup.getConvertValue(column.type, row[2][column.index])
       }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getConvertValue(column.type, 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_0ce21cd4_scoped_true_hoisted_3, [Gridvue_type_template_id_0ce21cd4_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_9afb75c8_scoped_true_hoisted_3, [Gridvue_type_template_id_9afb75c8_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_0ce21cd4_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_9afb75c8_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,
@@ -25264,7 +25380,7 @@ var Gridvue_type_template_id_0ce21cd4_scoped_true_render = /*#__PURE__*/_withId(
     once: true
   }]])], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=0ce21cd4&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=9afb75c8&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.filter.window.vue?vue&type=template&id=d781ace8&scoped=true
 
@@ -25783,10 +25899,11 @@ var grid_filter_windowvue_type_style_index_0_id_d781ace8_lang_scss_scoped_true =
 
 
 
-grid_filter_windowvue_type_script_lang_js.render = grid_filter_windowvue_type_template_id_d781ace8_scoped_true_render
-grid_filter_windowvue_type_script_lang_js.__scopeId = "data-v-d781ace8"
 
-/* harmony default export */ var grid_filter_window = (grid_filter_windowvue_type_script_lang_js);
+
+const grid_filter_window_exports_ = /*#__PURE__*/exportHelper_default()(grid_filter_windowvue_type_script_lang_js, [['render',grid_filter_windowvue_type_template_id_d781ace8_scoped_true_render],['__scopeId',"data-v-d781ace8"]])
+
+/* harmony default export */ var grid_filter_window = (grid_filter_window_exports_);
 // 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
 
 var grid_toolbarvue_type_template_id_3c245986_hoisted_1 = {
@@ -25812,9 +25929,11 @@ var grid_toolbarvue_type_style_index_0_id_3c245986_lang_scss = __webpack_require
 
 
 
-grid_toolbarvue_type_script_lang_js.render = grid_toolbarvue_type_template_id_3c245986_render
 
-/* harmony default export */ var grid_toolbar = (grid_toolbarvue_type_script_lang_js);
+
+const grid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(grid_toolbarvue_type_script_lang_js, [['render',grid_toolbarvue_type_template_id_3c245986_render]])
+
+/* harmony default export */ var grid_toolbar = (grid_toolbar_exports_);
 // CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMatch.js
 
 
@@ -26886,9 +27005,9 @@ var uses_this = undefined;
 
 
 
-var ROW_INDEX = 0;
-var ROW_CHECK_INDEX = 1;
-var ROW_DATA_INDEX = 2;
+var uses_ROW_INDEX = 0;
+var uses_ROW_CHECK_INDEX = 1;
+var uses_ROW_DATA_INDEX = 2;
 var uses_commonFunctions = function commonFunctions() {
   var _getCurrentInstance = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance.props;
@@ -27287,8 +27406,8 @@ var uses_clickEvent = function clickEvent(params) {
 
     return {
       event: event,
-      rowData: row[ROW_DATA_INDEX],
-      rowIndex: row[ROW_INDEX],
+      rowData: row[uses_ROW_DATA_INDEX],
+      rowIndex: row[uses_ROW_INDEX],
       cellName: cellInfo.name,
       cellIndex: cellInfo.index
     };
@@ -27307,7 +27426,7 @@ var uses_clickEvent = function clickEvent(params) {
     }
 
     if (selectInfo.useSelect) {
-      var rowData = row[ROW_DATA_INDEX];
+      var rowData = row[uses_ROW_DATA_INDEX];
       selectInfo.selectedRow = rowData;
       emit('update:selected', rowData);
       emit('click-row', getClickedRowData(event, row));
@@ -27324,7 +27443,7 @@ var uses_clickEvent = function clickEvent(params) {
 
 
   var onRowDblClick = function onRowDblClick(event, row) {
-    var rowData = row[ROW_DATA_INDEX];
+    var rowData = row[uses_ROW_DATA_INDEX];
     selectInfo.selectedRow = rowData;
     emit('update:selected', rowData);
     emit('dblclick-row', getClickedRowData(event, row));
@@ -27351,11 +27470,11 @@ var uses_checkEvent = function checkEvent(params) {
 
   var unCheckedRow = function unCheckedRow(row) {
     var index = stores.originStore.findIndex(function (item) {
-      return item[ROW_DATA_INDEX] === row[ROW_DATA_INDEX];
+      return item[uses_ROW_DATA_INDEX] === row[uses_ROW_DATA_INDEX];
     });
 
     if (index !== -1) {
-      stores.originStore[index][ROW_CHECK_INDEX] = row[ROW_CHECK_INDEX];
+      stores.originStore[index][uses_ROW_CHECK_INDEX] = row[uses_ROW_CHECK_INDEX];
     }
   };
   /**
@@ -27368,19 +27487,19 @@ var uses_checkEvent = function checkEvent(params) {
 
   var onCheck = function onCheck(event, row) {
     if (checkInfo.useCheckbox.mode === 'single' && checkInfo.prevCheckedRow.length) {
-      checkInfo.prevCheckedRow[ROW_CHECK_INDEX] = false;
+      checkInfo.prevCheckedRow[uses_ROW_CHECK_INDEX] = false;
       unCheckedRow(checkInfo.prevCheckedRow);
     }
 
-    if (row[ROW_CHECK_INDEX]) {
+    if (row[uses_ROW_CHECK_INDEX]) {
       if (checkInfo.useCheckbox.mode === 'single') {
-        checkInfo.checkedRows = [row[ROW_DATA_INDEX]];
+        checkInfo.checkedRows = [row[uses_ROW_DATA_INDEX]];
         checkInfo.checkedIndex.clear();
       } else {
-        checkInfo.checkedRows.push(row[ROW_DATA_INDEX]);
+        checkInfo.checkedRows.push(row[uses_ROW_DATA_INDEX]);
       }
 
-      checkInfo.checkedIndex.add(row[ROW_INDEX]);
+      checkInfo.checkedIndex.add(row[uses_ROW_INDEX]);
       var store = stores.originStore;
       var checkSize = checkInfo.checkedRows.length;
 
@@ -27401,14 +27520,14 @@ var uses_checkEvent = function checkEvent(params) {
         checkInfo.checkedRows = [];
         checkInfo.checkedIndex.clear();
       } else {
-        checkInfo.checkedRows.splice(checkInfo.checkedRows.indexOf(row[ROW_DATA_INDEX]), 1);
-        checkInfo.checkedIndex.delete(row[ROW_INDEX]);
+        checkInfo.checkedRows.splice(checkInfo.checkedRows.indexOf(row[uses_ROW_DATA_INDEX]), 1);
+        checkInfo.checkedIndex.delete(row[uses_ROW_INDEX]);
       }
     }
 
     checkInfo.prevCheckedRow = row.slice();
     emit('update:checked', checkInfo.checkedRows);
-    emit('check-row', event, row[ROW_INDEX], row[ROW_DATA_INDEX]);
+    emit('check-row', event, row[uses_ROW_INDEX], row[uses_ROW_DATA_INDEX]);
   };
   /**
    * all checkbox click 이벤트를 처리한다.
@@ -27431,13 +27550,13 @@ var uses_checkEvent = function checkEvent(params) {
       item = store[ix];
 
       if (status) {
-        checked.push(item[ROW_DATA_INDEX]);
-        checkInfo.checkedIndex.add(item[ROW_INDEX]);
+        checked.push(item[uses_ROW_DATA_INDEX]);
+        checkInfo.checkedIndex.add(item[uses_ROW_INDEX]);
       } else {
         checkInfo.checkedIndex.clear();
       }
 
-      item[ROW_CHECK_INDEX] = status;
+      item[uses_ROW_CHECK_INDEX] = status;
     }
 
     checkInfo.checkedRows = checked;
@@ -27495,16 +27614,16 @@ var uses_sortEvent = function sortEvent(params) {
 
     if (type === 'string') {
       stores.store.sort(function (a, b) {
-        if (typeof a[ROW_DATA_INDEX][index] === 'string') {
-          return sortFn(a[ROW_DATA_INDEX][index].toLowerCase(), b[ROW_DATA_INDEX][index].toLowerCase());
+        if (typeof a[uses_ROW_DATA_INDEX][index] === 'string') {
+          return sortFn(a[uses_ROW_DATA_INDEX][index].toLowerCase(), b[uses_ROW_DATA_INDEX][index].toLowerCase());
         }
 
         return 0;
       });
     } else {
       stores.store.sort(function (a, b) {
-        if (typeof a[ROW_DATA_INDEX][index] === 'number') {
-          return sortFn(a[ROW_DATA_INDEX][index], b[ROW_DATA_INDEX][index]);
+        if (typeof a[uses_ROW_DATA_INDEX][index] === 'number') {
+          return sortFn(a[uses_ROW_DATA_INDEX][index], b[uses_ROW_DATA_INDEX][index]);
         }
 
         return 0;
@@ -27599,7 +27718,7 @@ var uses_filterEvent = function filterEvent(params) {
   var stringFilter = function stringFilter(item, condition) {
     var comparison = condition.comparison;
     var conditionValue = condition.value;
-    var value = item[ROW_DATA_INDEX][condition.index];
+    var value = item[uses_ROW_DATA_INDEX][condition.index];
     var result;
 
     if (comparison === 'Equal') {
@@ -27627,7 +27746,7 @@ var uses_filterEvent = function filterEvent(params) {
   var numberFilter = function numberFilter(item, condition, filterType) {
     var comparison = condition.comparison;
     var conditionValue = Number(condition.value);
-    var value = Number(item[ROW_DATA_INDEX][condition.index]);
+    var value = Number(item[uses_ROW_DATA_INDEX][condition.index]);
     var result;
 
     if (filterType === 'float') {
@@ -27793,7 +27912,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     }
 
     if (rowIndex) {
-      var rowData = stores.viewStore[+rowIndex][ROW_DATA_INDEX];
+      var rowData = stores.viewStore[+rowIndex][uses_ROW_DATA_INDEX];
       selectInfo.selectedRow = rowData;
       setContextMenu();
       emit('update:selected', rowData);
@@ -27892,7 +28011,7 @@ var uses_storeEvent = function storeEvent(params) {
     });
 
     if (row) {
-      row[0][ROW_DATA_INDEX][cellIndex] = newValue;
+      row[0][uses_ROW_DATA_INDEX][cellIndex] = newValue;
     }
   };
 
@@ -27919,6 +28038,8 @@ var uses_storeEvent = function storeEvent(params) {
 
 
 
+
+
 /* harmony default export */ var Gridvue_type_script_lang_js = ({
   name: 'EvGrid',
   components: {
@@ -28179,6 +28300,9 @@ var uses_storeEvent = function storeEvent(params) {
       calculatedColumn();
       setStore(props.rows);
     });
+    var ROW_INDEX = 0;
+    var ROW_CHECK_INDEX = 1;
+    var ROW_DATA_INDEX = 2;
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return sortInfo.setSorting;
     }, function (value) {
@@ -28203,18 +28327,20 @@ var uses_storeEvent = function storeEvent(params) {
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked;
     }, function (value) {
-      var ROW_CHECK_INDEX = 1;
-      var ROW_DATA_INDEX = 2;
+      checkInfo.checkedRows = value;
+      checkInfo.isHeaderChecked = false;
       var store = stores.originStore;
 
       if (filterInfo.isSearch && stores.searchStore) {
         store = stores.searchStore;
       }
 
-      checkInfo.checkedRows = value;
+      store.forEach(function (row) {
+        row[ROW_CHECK_INDEX] = checkInfo.checkedRows.includes(row[ROW_DATA_INDEX]);
+      });
 
-      for (var ix = 0; ix < store.length; ix++) {
-        store[ix][ROW_CHECK_INDEX] = value.includes(store[ix][ROW_DATA_INDEX]);
+      if (checkInfo.checkedRows.length && store.length === checkInfo.checkedRows.length) {
+        checkInfo.isHeaderChecked = true;
       }
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
@@ -28268,7 +28394,7 @@ var uses_storeEvent = function storeEvent(params) {
 
             for (var ix = 0; ix < stores.orderedColumns.length; ix++) {
               var column = stores.orderedColumns[ix] || {};
-              var columnValue = row[2][ix];
+              var columnValue = row[ROW_DATA_INDEX][ix];
               var columnType = column.type;
 
               if (columnValue) {
@@ -28303,10 +28429,10 @@ var uses_storeEvent = function storeEvent(params) {
         var checkSize = checkInfo.checkedRows.length;
 
         for (var ix = 0; ix < store.length; ix++) {
-          if (checkInfo.checkedIndex.has(store[ix][0])) {
-            store[ix][1] = true;
+          if (checkInfo.checkedIndex.has(store[ix][ROW_INDEX])) {
+            store[ix][ROW_CHECK_INDEX] = true;
           } else {
-            store[ix][1] = false;
+            store[ix][ROW_CHECK_INDEX] = false;
           }
         }
 
@@ -28428,8 +28554,8 @@ var uses_storeEvent = function storeEvent(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=0ce21cd4&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_0ce21cd4_lang_scss_scoped_true = __webpack_require__("7a58");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=9afb75c8&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_9afb75c8_lang_scss_scoped_true = __webpack_require__("fd92");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -28437,10 +28563,11 @@ var Gridvue_type_style_index_0_id_0ce21cd4_lang_scss_scoped_true = __webpack_req
 
 
 
-Gridvue_type_script_lang_js.render = Gridvue_type_template_id_0ce21cd4_scoped_true_render
-Gridvue_type_script_lang_js.__scopeId = "data-v-0ce21cd4"
 
-/* harmony default export */ var Grid = (Gridvue_type_script_lang_js);
+
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_9afb75c8_scoped_true_render],['__scopeId',"data-v-9afb75c8"]])
+
+/* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
 
 
@@ -31284,7 +31411,8 @@ var BAR_OPTION = {
   showValue: {
     use: false,
     fontSize: 12,
-    textColor: '#000000'
+    textColor: '#000000',
+    formatter: null
   }
 };
 var PIE_OPTION = {
@@ -31311,6 +31439,7 @@ var AXIS_OPTION = {
   interval: null,
   decimalPoint: null,
   labelStyle: {
+    show: true,
     fontSize: 12,
     color: '#25262E',
     fontFamily: 'Roboto',
@@ -31319,6 +31448,28 @@ var AXIS_OPTION = {
     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 TIME_INTERVALS = {
   millisecond: {
     common: true,
@@ -31373,6 +31524,7 @@ var TIME_INTERVALS = {
 
 
 
+
 /* harmony default export */ var helpers_util = ({
   /**
    * Transforming hex to rgb code
@@ -31502,11 +31654,12 @@ var TIME_INTERVALS = {
   /**
    * Create sign format with number
    * @param {number} value           graph value
-   * @param {string} decimalPoint    decimal point
+   * @param {number} decimalPoint    decimal point
    *
    * @returns {string} signed value
    */
-  labelSignFormat: function labelSignFormat(value, decimalPoint) {
+  labelSignFormat: function labelSignFormat(value) {
+    var decimalPoint = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0;
     var quad = quadrillion(1);
     var trill = trillion(1);
     var billi = billions(1);
@@ -31629,6 +31782,57 @@ var TIME_INTERVALS = {
     }
 
     return direction === 'right' ? temp + ellipsis : ellipsis + temp;
+  },
+
+  /**
+   * Draw text tip
+   * @param {object} param     object for drawing text tip
+   *
+   * @returns {undefined}
+   */
+  showLabelTip: function showLabelTip(param) {
+    var ctx = param.ctx,
+        width = param.width,
+        height = param.height,
+        x = param.x,
+        y = param.y,
+        arrowSize = param.arrowSize,
+        borderRadius = param.borderRadius,
+        text = param.text,
+        backgroundColor = param.backgroundColor,
+        textColor = param.textColor;
+    var sx = x - width / 2;
+    var ex = x + width / 2;
+    var sy = y - height;
+    var ey = y;
+    ctx.beginPath();
+    ctx.save();
+    ctx.fillStyle = backgroundColor || '#E96E2C';
+    ctx.strokeStyle = backgroundColor || '#E96E2C';
+    ctx.shadowBlur = 0;
+    ctx.moveTo(sx + borderRadius, sy);
+    ctx.quadraticCurveTo(sx, sy, sx, sy + borderRadius);
+    ctx.lineTo(sx, ey - borderRadius);
+    ctx.quadraticCurveTo(sx, ey, sx + borderRadius, ey);
+    ctx.lineTo(ex - borderRadius, ey);
+    ctx.quadraticCurveTo(ex, ey, ex, ey - borderRadius);
+    ctx.lineTo(ex, sy + borderRadius);
+    ctx.quadraticCurveTo(ex, sy, ex - borderRadius, sy);
+    ctx.lineTo(x - arrowSize, sy);
+    ctx.lineTo(x, sy - arrowSize);
+    ctx.lineTo(x + arrowSize, sy);
+    ctx.lineTo(sx + borderRadius, sy);
+    ctx.closePath();
+    ctx.fill();
+    ctx.restore();
+    ctx.save();
+    ctx.font = 'normal normal bold 12px Roboto';
+    ctx.fillStyle = textColor || '#FFF';
+    ctx.textBaseline = 'middle';
+    ctx.textAlign = 'center';
+    ctx.fillText("".concat(text), x, sy + height / 2);
+    ctx.restore();
+    ctx.beginPath();
   }
 });
 // CONCATENATED MODULE: ./src/components/chart/helpers/helpers.canvas.js
@@ -31937,6 +32141,7 @@ var TIME_INTERVALS = {
 
 
 
+
 var element_line_Line = /*#__PURE__*/function () {
   function Line(sId, opt, sIdx) {
     var _this = this;
@@ -32266,6 +32471,24 @@ var element_line_Line = /*#__PURE__*/function () {
 
       return item;
     }
+    /**
+     * Returns items in range
+     * @param {object} params  range values
+     *
+     * @returns {array}
+     */
+
+  }, {
+    key: "findItems",
+    value: function findItems(_ref) {
+      var xsp = _ref.xsp,
+          width = _ref.width;
+      console.log(this.data);
+      var xep = xsp + width;
+      return this.data.filter(function (seriesData) {
+        return xsp - 1 <= seriesData.xp && seriesData.xp <= xep + 1;
+      });
+    }
   }]);
 
   return Line;
@@ -32456,7 +32679,6 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
 
 
 
-
 var element_bar_Bar = /*#__PURE__*/function () {
   function Bar(sId, opt, sIdx, isHorizontal) {
     var _this = this;
@@ -32818,7 +33040,11 @@ var element_bar_Bar = /*#__PURE__*/function () {
           positions = _ref.positions,
           isHighlight = _ref.isHighlight;
       var isHorizontal = this.isHorizontal;
-      var showValue = this.showValue;
+      var _this$showValue = this.showValue,
+          fontSize = _this$showValue.fontSize,
+          textColor = _this$showValue.textColor,
+          align = _this$showValue.align,
+          formatter = _this$showValue.formatter;
       var x = positions.x,
           y = positions.y,
           w = positions.w,
@@ -32826,54 +33052,64 @@ var element_bar_Bar = /*#__PURE__*/function () {
       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 = isHorizontal && align !== 'center' ? 'left' : 'center';
       var value;
       var isStacked = !isNaN(data.o);
 
       if (data.o === null) {
-        value = numberWithComma(isHorizontal ? data.x : data.y);
+        value = isHorizontal ? data.x : data.y;
       } else if (isStacked) {
-        value = numberWithComma(data.o);
+        value = data.o;
       } else {
         value = '';
       }
 
-      ctx.font = "normal normal normal ".concat(showValue.fontSize, "px Roboto");
-      ctx.fillStyle = showValue.textColor;
-      ctx.lineWidth = 1;
-      ctx.textBaseline = 'middle';
-      ctx.textAlign = isHorizontal && showValue.align !== 'center' ? 'left' : 'center';
-      var vw = Math.round(ctx.measureText(value).width);
-      var vh = showValue.fontSize + 4;
+      var formattedTxt;
+
+      if (formatter) {
+        formattedTxt = formatter(value);
+      }
+
+      if (!formatter || typeof formattedTxt !== 'string') {
+        formattedTxt = helpers_util.labelSignFormat(value);
+      }
+
+      var vw = Math.round(ctx.measureText(formattedTxt).width);
+      var vh = fontSize + 4;
       var minXPos = x + 10;
       var minYPos = y - 10;
       var centerX = x + w / 2 <= minXPos ? minXPos : x + w / 2;
       var centerY = y + h / 2 >= minYPos ? minYPos : y + h / 2;
       var centerYHorizontal = isHighlight ? y + h / 2 : y - h / 2;
 
-      switch (showValue.align) {
+      switch (align) {
         case 'start':
           if (isHorizontal) {
-            ctx.fillText(value, minXPos, centerYHorizontal);
+            ctx.fillText(formattedTxt, minXPos, centerYHorizontal);
           } else {
-            ctx.fillText(value, centerX, minYPos);
+            ctx.fillText(formattedTxt, centerX, minYPos);
           }
 
           break;
 
         case 'center':
           if (isHorizontal) {
-            ctx.fillText(value, centerX, centerYHorizontal);
+            ctx.fillText(formattedTxt, centerX, centerYHorizontal);
           } else {
-            ctx.fillText(value, centerX, centerY);
+            ctx.fillText(formattedTxt, centerX, centerY);
           }
 
           break;
 
         case 'out':
           if (isHorizontal) {
-            ctx.fillText(value, minXPos + w, centerYHorizontal);
+            ctx.fillText(formattedTxt, minXPos + w, centerYHorizontal);
           } else {
-            ctx.fillText(value, centerX, y + h - vh / 2);
+            ctx.fillText(formattedTxt, centerX, y + h - vh / 2);
           }
 
           break;
@@ -32882,10 +33118,10 @@ var element_bar_Bar = /*#__PURE__*/function () {
         default:
           if (isHorizontal) {
             var xPos = x + w - vw * 2;
-            ctx.fillText(value, xPos <= minXPos ? minXPos : xPos, centerYHorizontal);
+            ctx.fillText(formattedTxt, xPos <= minXPos ? minXPos : xPos, centerYHorizontal);
           } else {
             var yPos = y + h + vh;
-            ctx.fillText(value, centerX, yPos >= minYPos ? minYPos : yPos);
+            ctx.fillText(formattedTxt, centerX, yPos >= minYPos ? minYPos : yPos);
           }
 
           break;
@@ -33484,8 +33720,11 @@ var dayjs_min_default = /*#__PURE__*/__webpack_require__.n(dayjs_min);
 
 
 
+
+
+
 var scale_Scale = /*#__PURE__*/function () {
-  function Scale(type, opt, ctx) {
+  function Scale(type, opt, ctx, options) {
     var _this = this;
 
     _classCallCheck(this, Scale);
@@ -33497,6 +33736,7 @@ var scale_Scale = /*#__PURE__*/function () {
     this.type = type;
     this.ctx = ctx;
     this.units = AXIS_UNITS[this.type];
+    this.options = options;
 
     if (!this.position) {
       this.position = type === 'x' ? 'bottom' : 'left';
@@ -33649,8 +33889,14 @@ var scale_Scale = /*#__PURE__*/function () {
 
   }, {
     key: "draw",
-    value: function draw(chartRect, labelOffset, stepInfo) {
+    value: function draw(chartRect, labelOffset, stepInfo, hitInfo) {
+      var _this$labelStyle,
+          _this$plotBands,
+          _this$plotLines,
+          _this2 = this;
+
       var ctx = this.ctx;
+      var options = this.options;
       var aPos = {
         x1: chartRect.x1 + labelOffset.left,
         x2: chartRect.x2 - labelOffset.right,
@@ -33700,58 +33946,573 @@ var scale_Scale = /*#__PURE__*/function () {
         return;
       }
 
-      var labelGap = (endPoint - startPoint) / steps;
-      var ticks = [];
-      var labelCenter = null;
-      var linePosition = null;
-      ctx.strokeStyle = this.gridLineColor;
-      ctx.lineWidth = 1;
-      aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
-      var labelText;
+      if ((_this$labelStyle = this.labelStyle) !== null && _this$labelStyle !== void 0 && _this$labelStyle.show) {
+        var labelGap = (endPoint - startPoint) / steps;
+        var ticks = [];
+        var labelCenter = null;
+        var linePosition = null;
+        ctx.strokeStyle = this.gridLineColor;
+        ctx.lineWidth = 1;
+        aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
+        var labelText;
 
-      for (var ix = 0; ix <= steps; ix++) {
-        ctx.beginPath();
-        ticks[ix] = axisMin + ix * stepValue;
-        labelCenter = Math.round(startPoint + labelGap * ix);
-        linePosition = labelCenter + aliasPixel;
-        labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
-        var labelPoint = void 0;
+        for (var ix = 0; ix <= steps; ix++) {
+          ctx.beginPath();
+          ticks[ix] = axisMin + ix * stepValue;
+          labelCenter = Math.round(startPoint + labelGap * ix);
+          linePosition = labelCenter + aliasPixel;
+          labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
+          var labelPoint = void 0;
+
+          if (this.type === 'x') {
+            var _options$selectItem, _this$options;
+
+            labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+            ctx.fillText(labelText, labelCenter, labelPoint);
+
+            if (options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options = this.options) !== null && _this$options !== void 0 && _this$options.horizontal)) {
+              var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+
+              if (selectedLabel === labelText) {
+                var _this$labelStyle2, _options$selectItem2, _options$selectItem2$, _options$selectItem3, _options$selectItem3$;
+
+                var height = Math.round(ctx.measureText((_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.fontSize).width);
+                helpers_util.showLabelTip({
+                  ctx: this.ctx,
+                  width: Math.round(ctx.measureText(selectedLabel).width) + 10,
+                  height: height,
+                  x: labelCenter,
+                  y: labelPoint + (height - 2),
+                  borderRadius: 2,
+                  arrowSize: 3,
+                  text: labelText,
+                  backgroundColor: options === null || options === void 0 ? void 0 : (_options$selectItem2 = options.selectItem) === null || _options$selectItem2 === void 0 ? void 0 : (_options$selectItem2$ = _options$selectItem2.labelTipStyle) === null || _options$selectItem2$ === void 0 ? void 0 : _options$selectItem2$.backgroundColor,
+                  textColor: options === null || options === void 0 ? void 0 : (_options$selectItem3 = options.selectItem) === null || _options$selectItem3 === void 0 ? void 0 : (_options$selectItem3$ = _options$selectItem3.labelTipStyle) === null || _options$selectItem3$ === void 0 ? void 0 : _options$selectItem3$.textColor
+                });
+              }
+            }
 
-        if (this.type === 'x') {
-          labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelCenter, labelPoint);
+            if (ix !== 0 && this.showGrid) {
+              ctx.moveTo(linePosition, offsetPoint);
+              ctx.lineTo(linePosition, offsetCounterPoint);
+            }
+          } else {
+            labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+            ctx.fillText(labelText, labelPoint, labelCenter);
 
-          if (this.showIndicator) {
-            ctx.moveTo(linePosition, offsetPoint + 6);
-            ctx.lineTo(linePosition, offsetPoint);
+            if (ix === steps) {
+              linePosition += 1;
+            }
+
+            if (ix !== 0 && this.showGrid) {
+              ctx.moveTo(offsetPoint, linePosition);
+              ctx.lineTo(offsetCounterPoint, linePosition);
+            }
           }
 
-          if (ix !== 0 && this.showGrid) {
-            ctx.moveTo(linePosition, offsetPoint);
-            ctx.lineTo(linePosition, offsetCounterPoint);
+          ctx.stroke();
+          ctx.closePath();
+        }
+      } // Draw plot lines and plot bands
+
+
+      if ((_this$plotBands = this.plotBands) !== null && _this$plotBands !== void 0 && _this$plotBands.length || (_this$plotLines = this.plotLines) !== null && _this$plotLines !== void 0 && _this$plotLines.length) {
+        var _this$plotBands2, _this$plotLines2;
+
+        var xArea = chartRect.chartWidth - (labelOffset.left + labelOffset.right);
+        var yArea = chartRect.chartHeight - (labelOffset.top + labelOffset.bottom);
+        var padding = aliasPixel + 1;
+        var minX = aPos.x1 + padding;
+        var maxX = aPos.x2;
+        var minY = aPos.y1 + padding; // top
+
+        var maxY = aPos.y2; // bottom
+
+        (_this$plotBands2 = this.plotBands) === null || _this$plotBands2 === void 0 ? void 0 : _this$plotBands2.forEach(function (plotBand) {
+          if (!plotBand.from && !plotBand.to) {
+            return;
           }
-        } else {
-          labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelPoint, labelCenter);
 
-          if (ix === steps) {
-            linePosition += 1;
+          var mergedPlotBandOpt = lodash_es_defaultsDeep({}, plotBand, PLOT_BAND_OPTION);
+          var from = mergedPlotBandOpt.from,
+              to = mergedPlotBandOpt.to,
+              labelOpt = mergedPlotBandOpt.label;
+
+          _this2.setPlotBandStyle(mergedPlotBandOpt);
+
+          var fromPos;
+          var toPos;
+
+          if (_this2.type === 'x') {
+            fromPos = helpers_canvas.calculateX(from !== null && from !== void 0 ? from : minX, axisMin, axisMax, xArea, minX);
+            toPos = helpers_canvas.calculateX(to !== null && to !== void 0 ? to : maxX, axisMin, axisMax, xArea, minX);
+
+            _this2.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
+          } else {
+            fromPos = helpers_canvas.calculateY(from !== null && from !== void 0 ? from : axisMin, axisMin, axisMax, yArea, maxY);
+            toPos = helpers_canvas.calculateY(to !== null && to !== void 0 ? to : axisMax, axisMin, axisMax, yArea, maxY);
+
+            _this2.drawYPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
           }
 
-          if (this.showIndicator) {
-            ctx.moveTo(offsetPoint - 6, linePosition);
-            ctx.lineTo(offsetPoint, linePosition);
+          if (labelOpt.show) {
+            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+
+            var textXY = _this2.getPlotBandLabelPosition(fromPos, toPos, labelOptions, maxX, minY);
+
+            _this2.drawPlotLabel(labelOptions, textXY);
           }
 
-          if (ix !== 0 && this.showGrid) {
-            ctx.moveTo(offsetPoint, linePosition);
-            ctx.lineTo(offsetCounterPoint, linePosition);
+          ctx.restore();
+        });
+        (_this$plotLines2 = this.plotLines) === null || _this$plotLines2 === void 0 ? void 0 : _this$plotLines2.forEach(function (plotLine) {
+          if (!plotLine.value) {
+            return;
           }
+
+          var mergedPlotLineOpt = lodash_es_defaultsDeep({}, plotLine, PLOT_LINE_OPTION);
+          var value = mergedPlotLineOpt.value,
+              labelOpt = mergedPlotLineOpt.label;
+
+          _this2.setPlotLineStyle(mergedPlotLineOpt);
+
+          var dataPos;
+
+          if (_this2.type === 'x') {
+            dataPos = helpers_canvas.calculateX(value, axisMin, axisMax, xArea, minX);
+
+            _this2.drawXPlotLine(dataPos, minX, maxX, minY, maxY);
+          } else {
+            dataPos = helpers_canvas.calculateY(value, axisMin, axisMax, yArea, maxY);
+
+            _this2.drawYPlotLine(dataPos, minX, maxX, minY, maxY);
+          }
+
+          if (labelOpt.show) {
+            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+
+            var textXY = _this2.getPlotLineLabelPosition(dataPos, labelOptions, maxX, minY);
+
+            _this2.drawPlotLabel(labelOptions, textXY);
+          }
+
+          ctx.restore();
+        });
+      }
+    }
+    /**
+     * Set plot line style
+     * @param {object} plotLine      plotLine Options
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "setPlotLineStyle",
+    value: function setPlotLineStyle(plotLine) {
+      var ctx = this.ctx;
+      var color = plotLine.color,
+          lineWidth = plotLine.lineWidth;
+      ctx.beginPath();
+      ctx.save();
+      ctx.lineWidth = lineWidth;
+      ctx.strokeStyle = color;
+
+      if (plotLine.segments) {
+        ctx.setLineDash(plotLine.segments);
+      }
+    }
+    /**
+     * Set plot band style
+     * @param {object} plotBand      plotBand Options
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "setPlotBandStyle",
+    value: function setPlotBandStyle(plotBand) {
+      var ctx = this.ctx;
+      var color = plotBand.color;
+      ctx.beginPath();
+      ctx.save();
+      ctx.fillStyle = color;
+    }
+    /**
+     * Draw X Plot band
+     * @param {number} fromDataX     From data's X Position
+     * @param {number} toDataX       To data's X Position
+     * @param {number} minX          Min X Position
+     * @param {number} maxX          Max X Position
+     * @param {number} minY          Min Y Position
+     * @param {number} maxY          Max Y Position
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "drawXPlotBand",
+    value: function drawXPlotBand(fromDataX, toDataX, minX, maxX, minY, maxY) {
+      var ctx = this.ctx;
+
+      var checkValidPosition = function checkValidPosition(x) {
+        return x || x > minX || x < maxX;
+      };
+
+      if (!checkValidPosition(fromDataX) || !checkValidPosition(toDataX)) {
+        ctx.closePath();
+        ctx.restore();
+        return;
+      }
+
+      ctx.moveTo(fromDataX, minY);
+      ctx.lineTo(fromDataX, maxY);
+      ctx.lineTo(toDataX, maxY);
+      ctx.lineTo(toDataX, minY);
+      ctx.lineTo(fromDataX, minY);
+      ctx.stroke();
+      ctx.fill();
+      ctx.restore();
+      ctx.closePath();
+    }
+    /**
+     * Draw X Plot line
+     * @param {object} dataX         Data's X Position
+     * @param {number} minX          Min X Position
+     * @param {number} maxX          Max X Position
+     * @param {number} minY          Min Y Position
+     * @param {number} maxY          Max Y Position
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "drawXPlotLine",
+    value: function drawXPlotLine(dataX, minX, maxX, minY, maxY) {
+      var ctx = this.ctx;
+
+      if (!dataX || dataX < minX || dataX > maxX) {
+        ctx.closePath();
+        ctx.restore();
+        return;
+      }
+
+      ctx.moveTo(dataX, maxY);
+      ctx.lineTo(dataX, minY);
+      ctx.stroke();
+      ctx.restore();
+      ctx.closePath();
+    }
+    /**
+     * Draw Y Plot line
+     * @param {object} dataY         Data's Y Position
+     * @param {number} minX          Min X Position
+     * @param {number} maxX          Max X Position
+     * @param {number} minY          Min Y Position
+     * @param {number} maxY          Max Y Position
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "drawYPlotLine",
+    value: function drawYPlotLine(dataY, minX, maxX, minY, maxY) {
+      var ctx = this.ctx;
+
+      if (!dataY || dataY > maxY || dataY < minY) {
+        ctx.closePath();
+        ctx.restore();
+        return;
+      }
+
+      ctx.moveTo(minX, dataY);
+      ctx.lineTo(maxX, dataY);
+      ctx.stroke();
+      ctx.restore();
+      ctx.closePath();
+    }
+    /**
+     * Draw Y Plot band
+     * @param {number} fromDataY     From data's Y Position (bottom)
+     * @param {number} toDataY       To data's Y Position (top)
+     * @param {number} minX          Min X Position
+     * @param {number} maxX          Max X Position
+     * @param {number} minY          Min Y Position
+     * @param {number} maxY          Max Y Position
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "drawYPlotBand",
+    value: function drawYPlotBand(fromDataY, toDataY, minX, maxX, minY, maxY) {
+      var ctx = this.ctx;
+
+      var checkValidPosition = function checkValidPosition(y) {
+        return y || y > minY || y < maxY;
+      };
+
+      if (!checkValidPosition(fromDataY) || !checkValidPosition(toDataY)) {
+        ctx.closePath();
+        ctx.restore();
+        return;
+      }
+
+      ctx.moveTo(minX, fromDataY);
+      ctx.lineTo(minX, toDataY);
+      ctx.lineTo(maxX, toDataY);
+      ctx.lineTo(maxX, fromDataY);
+      ctx.lineTo(minX, fromDataY);
+      ctx.fill();
+      ctx.restore();
+      ctx.closePath();
+    }
+    /**
+     * get normalized options for plot label
+     * @param {object} chartRect     chartRect
+     * @param {object} labelOpt      plotLine Options
+     *
+     * @returns {object}
+     */
+
+  }, {
+    key: "getNormalizedLabelOptions",
+    value: function getNormalizedLabelOptions(chartRect, labelOpt) {
+      var mergedLabelOpt = lodash_es_defaultsDeep({}, labelOpt, PLOT_LINE_LABEL_OPTION);
+      var ctx = this.ctx;
+      var maxWidth = mergedLabelOpt.maxWidth;
+      var fontSize = mergedLabelOpt.fontSize > 20 ? 20 : mergedLabelOpt.fontSize;
+      var label = mergedLabelOpt.text;
+      var labelWidth = maxWidth !== null && maxWidth !== void 0 ? maxWidth : ctx.measureText(label).width;
+      var plotLabelAreaWidth = this.type === 'y' ? chartRect.width - chartRect.chartWidth : maxWidth !== null && maxWidth !== void 0 ? maxWidth : chartRect.width;
+
+      if (plotLabelAreaWidth < ctx.measureText(label).width && mergedLabelOpt.textOverflow === 'ellipsis') {
+        label = helpers_util.truncateLabelWithEllipsis(mergedLabelOpt.text, plotLabelAreaWidth, ctx);
+        labelWidth = ctx.measureText(label).width;
+      }
+
+      return _objectSpread2({
+        label: label,
+        fontSize: fontSize,
+        labelWidth: labelWidth,
+        labelBoxPadding: fontSize / 4,
+        labelHalfWidth: labelWidth / 2,
+        labelHalfHeight: fontSize / 2
+      }, mergedLabelOpt);
+    }
+    /**
+     * Calculate position of plot band's label
+     * @param {object} fromPos       from data position
+     * @param {object} toPos         to data position
+     * @param {object} labelOpt      label options
+     * @param {object} maxX          max x position
+     * @param {object} minY          min y position
+     *
+     * @returns {object}
+     */
+
+  }, {
+    key: "getPlotBandLabelPosition",
+    value: function getPlotBandLabelPosition(fromPos, toPos, labelOpt, maxX, minY) {
+      var fontSize = labelOpt.fontSize,
+          labelWidth = labelOpt.labelWidth,
+          labelHalfWidth = labelOpt.labelHalfWidth,
+          labelHalfHeight = labelOpt.labelHalfHeight,
+          labelBoxPadding = labelOpt.labelBoxPadding,
+          textAlign = labelOpt.textAlign,
+          verticalAlign = labelOpt.verticalAlign;
+
+      if (fontSize <= 0) {
+        return {
+          textX: 0,
+          textY: 0
+        };
+      }
+
+      var textX;
+      var textY;
+
+      if (this.type === 'x') {
+        textY = minY - labelBoxPadding - fontSize;
+
+        switch (textAlign) {
+          case 'left':
+            textX = fromPos + labelHalfWidth + labelBoxPadding;
+            break;
+
+          case 'right':
+            textX = toPos - labelHalfWidth - labelBoxPadding;
+            break;
+
+          case 'center':
+          default:
+            textX = (toPos - fromPos) / 2 + fromPos;
+            break;
+        }
+      } else {
+        textX = maxX + labelWidth + labelBoxPadding;
+
+        switch (verticalAlign) {
+          case 'top':
+            textY = toPos + labelHalfHeight + labelBoxPadding;
+            break;
+
+          case 'bottom':
+            textY = fromPos - labelHalfHeight - labelBoxPadding;
+            break;
+
+          case 'middle':
+          default:
+            textY = (fromPos - toPos) / 2 + toPos;
+            break;
         }
+      }
+
+      return {
+        textX: textX,
+        textY: textY
+      };
+    }
+    /**
+     * Calculate position of plot line's label
+     * @param {object} dataPos       data position
+     * @param {object} labelOpt      label options
+     * @param {object} maxX          max x position
+     * @param {object} minY          min y position
+     *
+     * @returns {undefined}
+     */
 
+  }, {
+    key: "getPlotLineLabelPosition",
+    value: function getPlotLineLabelPosition(dataPos, labelOpt, maxX, minY) {
+      var fontSize = labelOpt.fontSize,
+          labelWidth = labelOpt.labelWidth,
+          labelHalfWidth = labelOpt.labelHalfWidth,
+          labelHalfHeight = labelOpt.labelHalfHeight,
+          labelBoxPadding = labelOpt.labelBoxPadding;
+
+      if (fontSize <= 0) {
+        return {
+          textX: 0,
+          textY: 0
+        };
+      }
+
+      var textX;
+      var textY;
+
+      if (this.type === 'x') {
+        textY = minY - labelBoxPadding - fontSize;
+
+        switch (labelOpt.textAlign) {
+          case 'left':
+            textX = dataPos - labelHalfWidth - labelBoxPadding;
+            break;
+
+          case 'right':
+            textX = dataPos + labelHalfWidth + labelBoxPadding;
+            break;
+
+          case 'center':
+          default:
+            textX = dataPos;
+            break;
+        }
+      } else {
+        textX = maxX + labelWidth + labelBoxPadding;
+
+        switch (labelOpt.verticalAlign) {
+          case 'top':
+            textY = dataPos - labelHalfHeight - labelBoxPadding;
+            break;
+
+          case 'bottom':
+            textY = dataPos + labelHalfHeight + labelBoxPadding;
+            break;
+
+          case 'middle':
+          default:
+            textY = dataPos;
+            break;
+        }
+      }
+
+      return {
+        textX: textX,
+        textY: textY
+      };
+    }
+    /**
+     * Calculate Values for drawing label
+     * @param {object} labelOptions  plot line Label Options
+     * @param {object} positions     x, y Position
+     *
+     * @returns {undefined}
+     */
+
+  }, {
+    key: "drawPlotLabel",
+    value: function drawPlotLabel(labelOptions, positions) {
+      if (!positions) {
+        return;
+      }
+
+      var textX = positions.textX,
+          textY = positions.textY;
+      var label = labelOptions.label,
+          fontSize = labelOptions.fontSize,
+          fontColor = labelOptions.fontColor,
+          fillColor = labelOptions.fillColor,
+          lineColor = labelOptions.lineColor,
+          lineWidth = labelOptions.lineWidth,
+          labelBoxPadding = labelOptions.labelBoxPadding,
+          labelWidth = labelOptions.labelWidth,
+          labelHalfWidth = labelOptions.labelHalfWidth,
+          labelHalfHeight = labelOptions.labelHalfHeight;
+
+      if (fontSize <= 0) {
+        return;
+      }
+
+      var ctx = this.ctx;
+      ctx.save();
+      ctx.beginPath();
+      ctx.font = helpers_util.getLabelStyle(labelOptions);
+      var top = 0;
+      var bottom = 0;
+      var left = 0;
+      var right = 0;
+
+      if (this.type === 'x') {
+        top = textY - labelBoxPadding;
+        bottom = textY + fontSize;
+        left = textX - labelHalfWidth - labelBoxPadding;
+        right = textX + labelHalfWidth + labelBoxPadding;
+      } else {
+        top = textY - labelHalfHeight - labelBoxPadding;
+        bottom = textY + labelHalfHeight + labelBoxPadding;
+        left = textX - labelWidth;
+        right = textX + labelBoxPadding;
+      }
+
+      ctx.fillStyle = fillColor;
+      ctx.strokeStyle = lineColor;
+      ctx.lineWidth = lineWidth;
+      ctx.moveTo(left, bottom);
+      ctx.lineTo(left, top);
+      ctx.lineTo(right, top);
+      ctx.lineTo(right, bottom);
+      ctx.lineTo(left, bottom);
+      ctx.fill();
+
+      if (lineWidth > 0) {
         ctx.stroke();
-        ctx.closePath();
       }
+
+      ctx.fillStyle = fontColor;
+      ctx.fillText(label, textX, textY);
+      ctx.closePath();
     }
   }]);
 
@@ -33790,6 +34551,14 @@ var scale_time_TimeScale = /*#__PURE__*/function (_Scale) {
      * @returns {string} formatted label
      */
     value: function getLabelFormat(value) {
+      if (this.formatter) {
+        var formattedLabel = this.formatter(value);
+
+        if (typeof formattedLabel === 'string') {
+          return formattedLabel;
+        }
+      }
+
       return dayjs_min_default()(value).format(this.timeFormat);
     }
     /**
@@ -33853,6 +34622,14 @@ var scale_linear_LinearScale = /*#__PURE__*/function (_Scale) {
      * @returns {string} formatted label
      */
     value: function getLabelFormat(value) {
+      if (this.formatter) {
+        var formattedLabel = this.formatter(value);
+
+        if (typeof formattedLabel === 'string') {
+          return formattedLabel;
+        }
+      }
+
       return helpers_util.labelSignFormat(value, this.decimalPoint);
     }
     /**
@@ -33998,6 +34775,14 @@ var scale_logarithmic_LogarithmicScale = /*#__PURE__*/function (_Scale) {
   }, {
     key: "getLabelFormat",
     value: function getLabelFormat(value) {
+      if (this.formatter) {
+        var formattedLabel = this.formatter(value);
+
+        if (typeof formattedLabel === 'string') {
+          return formattedLabel;
+        }
+      }
+
       return helpers_util.labelSignFormat(value, this.decimalPoint);
     }
     /**
@@ -34030,17 +34815,19 @@ var scale_logarithmic_LogarithmicScale = /*#__PURE__*/function (_Scale) {
 
 
 
+
+
 var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
   _inherits(StepScale, _Scale);
 
   var _super = _createSuper(StepScale);
 
-  function StepScale(type, opt, ctx, labels) {
+  function StepScale(type, opt, ctx, labels, options) {
     var _this;
 
     _classCallCheck(this, StepScale);
 
-    _this = _super.call(this, type, opt, ctx);
+    _this = _super.call(this, type, opt, ctx, options);
     _this.labels = labels;
     return _this;
   }
@@ -34096,8 +34883,11 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
   }, {
     key: "draw",
-    value: function draw(chartRect, labelOffset, stepInfo) {
-      var _this2 = this;
+    value: function draw(chartRect, labelOffset, stepInfo, hitInfo) {
+      var _this$labelStyle,
+          _this2 = this,
+          _this$plotBands,
+          _this$plotLines;
 
       var ctx = this.ctx;
       var labels = this.labels;
@@ -34112,71 +34902,173 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
       var endPoint = aPos[this.units.rectEnd];
       var offsetPoint = aPos[this.units.rectOffset(this.position)];
       var offsetCounterPoint = aPos[this.units.rectOffsetCounter(this.position)];
-      var maxWidth = chartRect.chartWidth / (this.labels.length + 2); // label font 설정
+      var maxWidth = chartRect.chartWidth / (this.labels.length + 2);
 
-      ctx.font = helpers_util.getLabelStyle(this.labelStyle);
+      if ((_this$labelStyle = this.labelStyle) !== null && _this$labelStyle !== void 0 && _this$labelStyle.show) {
+        // label font 설정
+        ctx.font = helpers_util.getLabelStyle(this.labelStyle);
 
-      if (this.type === 'x') {
-        ctx.textAlign = 'center';
-        ctx.textBaseline = this.position === 'top' ? 'bottom' : 'top';
-      } else {
-        ctx.textAlign = this.position === 'left' ? 'right' : 'left';
-        ctx.textBaseline = 'middle';
-      }
+        if (this.type === 'x') {
+          ctx.textAlign = 'center';
+          ctx.textBaseline = this.position === 'top' ? 'bottom' : 'top';
+        } else {
+          ctx.textAlign = this.position === 'left' ? 'right' : 'left';
+          ctx.textBaseline = 'middle';
+        }
 
-      ctx.fillStyle = this.labelStyle.color;
-      ctx.lineWidth = 1;
-      var aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
-      ctx.beginPath();
-      ctx.strokeStyle = this.axisLineColor;
+        ctx.fillStyle = this.labelStyle.color;
+        ctx.lineWidth = 1;
+        var aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
+        ctx.beginPath();
+        ctx.strokeStyle = this.axisLineColor;
 
-      if (this.type === 'x') {
-        ctx.moveTo(startPoint, offsetPoint + aliasPixel);
-        ctx.lineTo(endPoint, offsetPoint + aliasPixel);
-      } else {
-        ctx.moveTo(offsetPoint + aliasPixel, startPoint);
-        ctx.lineTo(offsetPoint + aliasPixel, endPoint);
-      }
+        if (this.type === 'x') {
+          ctx.moveTo(startPoint, offsetPoint + aliasPixel);
+          ctx.lineTo(endPoint, offsetPoint + aliasPixel);
+        } else {
+          ctx.moveTo(offsetPoint + aliasPixel, startPoint);
+          ctx.lineTo(offsetPoint + aliasPixel, endPoint);
+        }
 
-      ctx.stroke();
+        ctx.stroke();
 
-      if (steps === 0) {
-        return;
-      }
+        if (steps === 0) {
+          return;
+        }
 
-      var labelGap = (endPoint - startPoint) / labels.length;
-      var labelCenter = null;
-      var linePosition = null;
-      ctx.beginPath();
-      ctx.strokeStyle = this.gridLineColor;
-      var labelText;
-      var labelPoint;
-      labels.forEach(function (item, index) {
-        labelCenter = Math.round(startPoint + labelGap * index);
-        linePosition = labelCenter + aliasPixel;
-        labelText = _this2.getLabelFormat(item, maxWidth);
+        var labelGap = (endPoint - startPoint) / labels.length;
+        var labelCenter = null;
+        var linePosition = null;
+        ctx.beginPath();
+        ctx.strokeStyle = this.gridLineColor;
+        var labelText;
+        var labelPoint;
+        labels.forEach(function (item, index) {
+          labelCenter = Math.round(startPoint + labelGap * index);
+          linePosition = labelCenter + aliasPixel;
+          labelText = _this2.getLabelFormat(item, maxWidth);
+
+          if (_this2.type === 'x') {
+            var _this2$options, _this2$options$select, _this2$options2;
+
+            labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+            ctx.fillText(labelText, labelCenter + labelGap / 2, labelPoint);
+
+            if ((_this2$options = _this2.options) !== null && _this2$options !== void 0 && (_this2$options$select = _this2$options.selectItem) !== null && _this2$options$select !== void 0 && _this2$options$select.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this2$options2 = _this2.options) !== null && _this2$options2 !== void 0 && _this2$options2.horizontal)) {
+              var selectedLabel = hitInfo.label;
+
+              if (selectedLabel === labelText) {
+                var _this2$labelStyle, _this2$options3, _this2$options3$selec, _this2$options3$selec2, _this2$options4, _this2$options4$selec, _this2$options4$selec2;
+
+                var height = Math.round(ctx.measureText((_this2$labelStyle = _this2.labelStyle) === null || _this2$labelStyle === void 0 ? void 0 : _this2$labelStyle.fontSize).width);
+                helpers_util.showLabelTip({
+                  ctx: _this2.ctx,
+                  width: Math.round(ctx.measureText(selectedLabel).width) + 10,
+                  height: height,
+                  x: labelCenter + labelGap / 2,
+                  y: labelPoint + (height - 2),
+                  borderRadius: 2,
+                  arrowSize: 3,
+                  text: labelText,
+                  backgroundColor: (_this2$options3 = _this2.options) === null || _this2$options3 === void 0 ? void 0 : (_this2$options3$selec = _this2$options3.selectItem) === null || _this2$options3$selec === void 0 ? void 0 : (_this2$options3$selec2 = _this2$options3$selec.labelTipStyle) === null || _this2$options3$selec2 === void 0 ? void 0 : _this2$options3$selec2.backgroundColor,
+                  textColor: (_this2$options4 = _this2.options) === null || _this2$options4 === void 0 ? void 0 : (_this2$options4$selec = _this2$options4.selectItem) === null || _this2$options4$selec === void 0 ? void 0 : (_this2$options4$selec2 = _this2$options4$selec.labelTipStyle) === null || _this2$options4$selec2 === void 0 ? void 0 : _this2$options4$selec2.textColor
+                });
+              }
+            }
 
-        if (_this2.type === 'x') {
-          labelPoint = _this2.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelCenter + labelGap / 2, labelPoint);
+            if (index > 0 && _this2.showGrid) {
+              ctx.moveTo(linePosition, offsetPoint);
+              ctx.lineTo(linePosition, offsetCounterPoint);
+            }
+          } else {
+            labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+            ctx.fillText(labelText, labelPoint, labelCenter + labelGap / 2);
 
-          if (index > 0 && _this2.showGrid) {
-            ctx.moveTo(linePosition, offsetPoint);
-            ctx.lineTo(linePosition, offsetCounterPoint);
+            if (index > 0 && _this2.showGrid) {
+              ctx.moveTo(offsetPoint, linePosition);
+              ctx.lineTo(offsetCounterPoint, linePosition);
+            }
           }
-        } else {
-          labelPoint = _this2.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
-          ctx.fillText(labelText, labelPoint, labelCenter + labelGap / 2);
 
-          if (index > 0 && _this2.showGrid) {
-            ctx.moveTo(offsetPoint, linePosition);
-            ctx.lineTo(offsetCounterPoint, linePosition);
+          ctx.stroke();
+        });
+        ctx.closePath();
+      } // draw plot lines and plot bands
+
+
+      if ((_this$plotBands = this.plotBands) !== null && _this$plotBands !== void 0 && _this$plotBands.length || (_this$plotLines = this.plotLines) !== null && _this$plotLines !== void 0 && _this$plotLines.length) {
+        var _this$plotBands2, _this$plotLines2;
+
+        var padding = helpers_util.aliasPixel(ctx.lineWidth) + 1;
+        var minX = aPos.x1 + padding;
+        var maxX = aPos.x2;
+        var minY = aPos.y1 + padding;
+        var maxY = aPos.y2;
+
+        var _labelGap = (endPoint - startPoint) / (this.labelStyle.show ? labels.length : 1);
+
+        (_this$plotBands2 = this.plotBands) === null || _this$plotBands2 === void 0 ? void 0 : _this$plotBands2.forEach(function (plotBand) {
+          if (!plotBand.from && !plotBand.to) {
+            return;
           }
-        }
 
-        ctx.stroke();
-      });
-      ctx.closePath();
+          var mergedPlotBandOpt = lodash_es_defaultsDeep({}, plotBand, PLOT_BAND_OPTION);
+          var _mergedPlotBandOpt$fr = mergedPlotBandOpt.from,
+              from = _mergedPlotBandOpt$fr === void 0 ? 0 : _mergedPlotBandOpt$fr,
+              _mergedPlotBandOpt$to = mergedPlotBandOpt.to,
+              to = _mergedPlotBandOpt$to === void 0 ? labels.length : _mergedPlotBandOpt$to,
+              labelOpt = mergedPlotBandOpt.label;
+          var fromPos = Math.round(startPoint + _labelGap * from);
+          var toPos = Math.round(startPoint + _labelGap * to);
+
+          _this2.setPlotBandStyle(mergedPlotBandOpt);
+
+          if (_this2.type === 'x') {
+            _this2.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
+          } else {
+            _this2.drawYPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
+          }
+
+          if (labelOpt.show) {
+            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+
+            var textXY = _this2.getPlotBandLabelPosition(fromPos, toPos, labelOptions, maxX, minY);
+
+            _this2.drawPlotLabel(labelOptions, textXY);
+          }
+
+          ctx.restore();
+        });
+        (_this$plotLines2 = this.plotLines) === null || _this$plotLines2 === void 0 ? void 0 : _this$plotLines2.forEach(function (plotLine) {
+          if (!plotLine.value) {
+            return;
+          }
+
+          var mergedPlotLineOpt = lodash_es_defaultsDeep({}, plotLine, PLOT_LINE_OPTION);
+          var value = mergedPlotLineOpt.value,
+              labelOpt = mergedPlotLineOpt.label;
+
+          var dataPos = Math.round(startPoint + _labelGap * value) + _labelGap / 2;
+
+          _this2.setPlotLineStyle(mergedPlotLineOpt);
+
+          if (_this2.type === 'x') {
+            _this2.drawXPlotLine(dataPos, minX, maxX, minY, maxY);
+          } else {
+            _this2.drawYPlotLine(dataPos, minX, maxX, minY, maxY);
+          }
+
+          if (labelOpt.show) {
+            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+
+            var textXY = _this2.getPlotLineLabelPosition(dataPos, labelOptions, maxX, minY);
+
+            _this2.drawPlotLabel(labelOptions, textXY);
+          }
+
+          ctx.restore();
+        });
+      }
     }
     /**
      * Transforming label by designated format
@@ -34189,6 +35081,14 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
   }, {
     key: "getLabelFormat",
     value: function getLabelFormat(value, maxWidth) {
+      if (this.formatter) {
+        var formattedLabel = this.formatter(value);
+
+        if (typeof formattedLabel === 'string') {
+          return formattedLabel;
+        }
+      }
+
       return this.labelStyle.fitWidth ? this.fittingString(value, maxWidth) : value;
     }
     /**
@@ -34230,13 +35130,14 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
 
   var _super = _createSuper(TimeCategoryScale);
 
-  function TimeCategoryScale(type, opt, ctx, labels) {
+  function TimeCategoryScale(type, opt, ctx, labels, options) {
     var _this;
 
     _classCallCheck(this, TimeCategoryScale);
 
     _this = _super.call(this, type, opt, ctx);
     _this.labels = labels;
+    _this.options = options;
     return _this;
   }
   /**
@@ -34250,6 +35151,14 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
   _createClass(TimeCategoryScale, [{
     key: "getLabelFormat",
     value: function getLabelFormat(value) {
+      if (this.formatter) {
+        var formattedLabel = this.formatter(value);
+
+        if (typeof formattedLabel === 'string') {
+          return formattedLabel;
+        }
+      }
+
       return dayjs_min_default()(value).format(this.timeFormat);
     }
     /**
@@ -34341,7 +35250,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
 
   }, {
     key: "draw",
-    value: function draw(chartRect, labelOffset, stepInfo) {
+    value: function draw(chartRect, labelOffset, stepInfo, hitInfo) {
       var ctx = this.ctx;
       var labels = this.labels;
       var aPos = {
@@ -34413,9 +35322,33 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         var labelPoint = void 0;
 
         if (this.type === 'x') {
+          var _this$options, _this$options$selectI, _this$options2;
+
           labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
           ctx.fillText(labelText, labelCenter, labelPoint);
 
+          if ((_this$options = this.options) !== null && _this$options !== void 0 && (_this$options$selectI = _this$options.selectItem) !== null && _this$options$selectI !== void 0 && _this$options$selectI.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options2 = this.options) !== null && _this$options2 !== void 0 && _this$options2.horizontal)) {
+            var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+
+            if (selectedLabel === labelText) {
+              var _this$labelStyle, _this$options3, _this$options3$select, _this$options3$select2, _this$options4, _this$options4$select, _this$options4$select2;
+
+              var height = Math.round(ctx.measureText((_this$labelStyle = this.labelStyle) === null || _this$labelStyle === void 0 ? void 0 : _this$labelStyle.fontSize).width);
+              helpers_util.showLabelTip({
+                ctx: this.ctx,
+                width: Math.round(ctx.measureText(selectedLabel).width) + 10,
+                height: height,
+                x: labelCenter,
+                y: labelPoint + (height - 2),
+                borderRadius: 2,
+                arrowSize: 3,
+                text: labelText,
+                backgroundColor: (_this$options3 = this.options) === null || _this$options3 === void 0 ? void 0 : (_this$options3$select = _this$options3.selectItem) === null || _this$options3$select === void 0 ? void 0 : (_this$options3$select2 = _this$options3$select.labelTipStyle) === null || _this$options3$select2 === void 0 ? void 0 : _this$options3$select2.backgroundColor,
+                textColor: (_this$options4 = this.options) === null || _this$options4 === void 0 ? void 0 : (_this$options4$select = _this$options4.selectItem) === null || _this$options4$select === void 0 ? void 0 : (_this$options4$select2 = _this$options4$select.labelTipStyle) === null || _this$options4$select2 === void 0 ? void 0 : _this$options4$select2.textColor
+              });
+            }
+          }
+
           if (ix !== 0 && ix < oriSteps && this.showGrid) {
             ctx.moveTo(linePosition, offsetPoint);
             ctx.lineTo(linePosition, offsetCounterPoint);
@@ -34832,7 +35765,7 @@ var plugins_legend_modules = {
    * @returns {undefined}
    */
   setLegendPosition: function setLegendPosition() {
-    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2;
+    var _opt$legend, _this$wrapperDOM, _this$legendDOM, _this$legendBoxDOM, _this$resizeDOM, _opt$title, _opt$title2, _opt$legend2, _opt$legend$padding, _opt$legend3;
 
     var opt = this.options;
     var position = opt === null || opt === void 0 ? void 0 : (_opt$legend = opt.legend) === null || _opt$legend === void 0 ? void 0 : _opt$legend.position;
@@ -34842,15 +35775,27 @@ var plugins_legend_modules = {
     var resizeStyle = (_this$resizeDOM = this.resizeDOM) === null || _this$resizeDOM === void 0 ? void 0 : _this$resizeDOM.style;
     var chartRect;
     var title = opt !== null && opt !== void 0 && (_opt$title = opt.title) !== null && _opt$title !== void 0 && _opt$title.show ? opt === null || opt === void 0 ? void 0 : (_opt$title2 = opt.title) === null || _opt$title2 === void 0 ? void 0 : _opt$title2.height : 0;
-    var top = title + (opt === null || opt === void 0 ? void 0 : (_opt$legend2 = opt.legend) === null || _opt$legend2 === void 0 ? void 0 : _opt$legend2.height);
+    var positionTop = title + (opt === null || opt === void 0 ? void 0 : (_opt$legend2 = opt.legend) === null || _opt$legend2 === void 0 ? void 0 : _opt$legend2.height);
+
+    var _ref = (_opt$legend$padding = opt === null || opt === void 0 ? void 0 : (_opt$legend3 = opt.legend) === null || _opt$legend3 === void 0 ? void 0 : _opt$legend3.padding) !== null && _opt$legend$padding !== void 0 ? _opt$legend$padding : {},
+        _ref$top = _ref.top,
+        top = _ref$top === void 0 ? 0 : _ref$top,
+        _ref$bottom = _ref.bottom,
+        bottom = _ref$bottom === void 0 ? 0 : _ref$bottom,
+        _ref$left = _ref.left,
+        left = _ref$left === void 0 ? 0 : _ref$left,
+        _ref$right = _ref.right,
+        right = _ref$right === void 0 ? 0 : _ref$right;
 
     if (!wrapperStyle || !legendStyle) {
       return;
     }
 
+    boxStyle.padding = "".concat(top, "px ").concat(right, "px ").concat(bottom, "px ").concat(left, "px");
+
     switch (position) {
       case 'top':
-        wrapperStyle.padding = "".concat(top, "px 0 0 0");
+        wrapperStyle.padding = "".concat(positionTop, "px 0 0 0");
         chartRect = this.chartDOM.getBoundingClientRect();
         boxStyle.width = '100%';
         boxStyle.height = "".concat(opt.legend.height, "px");
@@ -34861,7 +35806,7 @@ var plugins_legend_modules = {
         legendStyle.width = "".concat(chartRect.width, "px");
         legendStyle.height = "".concat(opt.legend.height + 4, "px"); // 4 resize bar size
 
-        resizeStyle.top = "".concat(top, "px");
+        resizeStyle.top = "".concat(positionTop, "px");
         resizeStyle.right = '';
         resizeStyle.bottom = '';
         resizeStyle.left = '';
@@ -35214,6 +36159,7 @@ function _slicedToArray(arr, i) {
 
 
 
+
 var plugins_interaction_modules = {
   /**
    * Hide legend components by manipulating css
@@ -35237,15 +36183,49 @@ var plugins_interaction_modules = {
         return;
       }
 
+      var _this$options = _this.options,
+          indicator = _this$options.indicator,
+          tooltip = _this$options.tooltip,
+          type = _this$options.type;
+
       var offset = _this.getMousePosition(e);
 
       var hitInfo = _this.findHitItem(offset);
 
+      if (tooltip !== null && tooltip !== void 0 && tooltip.showAllValueInRange && hitInfo !== null && hitInfo !== void 0 && hitInfo.items) {
+        (function () {
+          var _hitInfo$items, _hitInfo$items$hitIte, _hitInfo$items$hitIte2, _hitInfo$items2, _hitInfo$items2$hitIt, _hitInfo$items2$hitIt2;
+
+          var isHorizontal = !!_this.options.horizontal;
+          var hitItemId = Object.keys(hitInfo.items)[0];
+          var hitItemData = isHorizontal ? (_hitInfo$items = hitInfo.items) === null || _hitInfo$items === void 0 ? void 0 : (_hitInfo$items$hitIte = _hitInfo$items[hitItemId]) === null || _hitInfo$items$hitIte === void 0 ? void 0 : (_hitInfo$items$hitIte2 = _hitInfo$items$hitIte.data) === null || _hitInfo$items$hitIte2 === void 0 ? void 0 : _hitInfo$items$hitIte2.y : (_hitInfo$items2 = hitInfo.items) === null || _hitInfo$items2 === void 0 ? void 0 : (_hitInfo$items2$hitIt = _hitInfo$items2[hitItemId]) === null || _hitInfo$items2$hitIt === void 0 ? void 0 : (_hitInfo$items2$hitIt2 = _hitInfo$items2$hitIt.data) === null || _hitInfo$items2$hitIt2 === void 0 ? void 0 : _hitInfo$items2$hitIt2.x;
+          var sIds = Object.keys(_this.seriesList);
+
+          for (var ix = 0; ix < sIds.length; ix++) {
+            var sId = sIds[ix];
+            var series = _this.seriesList[sId];
+            var hasData = series.data.find(function (data) {
+              return isHorizontal ? data.y : (data === null || data === void 0 ? void 0 : data.x) === hitItemData;
+            });
+
+            if (hasData && !hitInfo.items[sId] && series !== null && series !== void 0 && series.show) {
+              var item = {};
+              item.color = series.color;
+              item.hit = false;
+              item.name = series.name;
+              item.axis = {
+                x: series.xAxisIndex,
+                y: series.yAxisIndex
+              };
+              item.index = isHorizontal ? series.yAxisIndex : series.xAxisIndex;
+              item.data = hasData;
+              hitInfo.items[sId] = item;
+            }
+          }
+        })();
+      }
+
       var ctx = _this.overlayCtx;
-      var _this$options = _this.options,
-          indicator = _this$options.indicator,
-          tooltip = _this$options.tooltip,
-          type = _this$options.type;
 
       _this.overlayClear();
 
@@ -35362,8 +36342,8 @@ var plugins_interaction_modules = {
           dragSelection = _this$options3.dragSelection,
           type = _this$options3.type;
 
-      if (dragSelection.use && type === 'scatter') {
-        _this.dragStart(e);
+      if (dragSelection.use && (type === 'scatter' || type === 'line')) {
+        _this.dragStart(e, type);
       }
     };
 
@@ -35390,7 +36370,7 @@ var plugins_interaction_modules = {
    *
    * @returns {undefined}
    */
-  dragStart: function dragStart(evt) {
+  dragStart: function dragStart(evt, type) {
     var _this2 = this;
 
     var _this$getMousePositio = this.getMousePosition(evt),
@@ -35455,9 +36435,9 @@ var plugins_interaction_modules = {
       }
 
       dragInfo.xsp = Math.min(xcp, xep);
-      dragInfo.ysp = Math.min(ycp, yep);
+      dragInfo.ysp = type === 'scatter' ? Math.min(ycp, yep) : aRange.y1;
       dragInfo.width = Math.ceil(Math.abs(xep - xcp));
-      dragInfo.height = Math.ceil(Math.abs(yep - ycp));
+      dragInfo.height = type === 'scatter' ? Math.ceil(Math.abs(yep - ycp)) : aRange.y2 - aRange.y1;
 
       _this2.overlayClear();
 
@@ -36127,8 +37107,22 @@ var plugins_tooltip_modules = {
 
       ctx.save(); // 3. Draw value
 
+      var formattedTxt = void 0;
+
+      if (opt.formatter) {
+        formattedTxt = opt.formatter({
+          x: this.options.horizontal ? value : hitItem.x,
+          y: this.options.horizontal ? hitItem.y : value,
+          name: name
+        });
+      }
+
+      if (!opt.formatter || typeof formattedTxt !== 'string') {
+        formattedTxt = numberWithComma(value);
+      }
+
       ctx.textAlign = 'right';
-      ctx.fillText(numberWithComma(value), this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
+      ctx.fillText(formattedTxt, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
       ctx.restore();
       ctx.closePath(); // 4. add lineSpacing
 
@@ -37052,7 +38046,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
     value: function drawChart(hitInfo) {
       this.labelRange = this.getAxesLabelRange();
       this.axesSteps = this.calculateSteps();
-      this.drawAxis();
+      this.drawAxis(hitInfo);
       this.drawSeries();
       this.drawTip(hitInfo);
 
@@ -37144,23 +38138,24 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var axes = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
       var ctx = this.bufferCtx;
       var labels = this.data.labels;
+      var options = this.options;
       return axes.map(function (axis) {
         switch (axis.type) {
           case 'linear':
-            return new scale_linear(dir, axis, ctx);
+            return new scale_linear(dir, axis, ctx, options);
 
           case 'time':
             if (axis.categoryMode) {
-              return new scale_time_category(dir, axis, ctx, labels);
+              return new scale_time_category(dir, axis, ctx, labels, options);
             }
 
-            return new scale_time(dir, axis, ctx);
+            return new scale_time(dir, axis, ctx, options);
 
           case 'log':
             return new scale_logarithmic(dir, axis, ctx);
 
           case 'step':
-            return new scale_step(dir, axis, ctx, labels);
+            return new scale_step(dir, axis, ctx, labels, options);
 
           default:
             return false;
@@ -37200,11 +38195,11 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
   }, {
     key: "drawAxis",
-    value: function drawAxis() {
+    value: function drawAxis(hitInfo) {
       var _this4 = this;
 
       this.axesX.forEach(function (axis, index) {
-        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index]);
+        axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.x[index], hitInfo);
       });
       this.axesY.forEach(function (axis, index) {
         axis.draw(_this4.chartRect, _this4.labelOffset, _this4.axesSteps.y[index]);
@@ -37418,37 +38413,45 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       var lw = 0;
       var lh = 0;
       axesX.forEach(function (axis, index) {
-        lw = range.x[index].size.width + labelBuffer.width;
-        lh = range.x[index].size.height + labelBuffer.height;
+        var _axis$labelStyle;
 
-        if (axis.position === 'bottom') {
-          if (lh > labelOffset.bottom) {
-            labelOffset.bottom = lh;
-          }
-        } else if (axis.position === 'top') {
-          if (lh > labelOffset.top) {
-            labelOffset.top = lh;
+        if ((_axis$labelStyle = axis.labelStyle) !== null && _axis$labelStyle !== void 0 && _axis$labelStyle.show) {
+          lw = range.x[index].size.width + labelBuffer.width;
+          lh = range.x[index].size.height + labelBuffer.height;
+
+          if (axis.position === 'bottom') {
+            if (lh > labelOffset.bottom) {
+              labelOffset.bottom = lh;
+            }
+          } else if (axis.position === 'top') {
+            if (lh > labelOffset.top) {
+              labelOffset.top = lh;
+            }
           }
-        }
 
-        labelOffset.left = lw / 2 > labelOffset.left ? lw / 2 : labelOffset.left;
-        labelOffset.right = lw / 2 > labelOffset.right ? lw / 2 : labelOffset.right;
+          labelOffset.left = lw / 2 > labelOffset.left ? lw / 2 : labelOffset.left;
+          labelOffset.right = lw / 2 > labelOffset.right ? lw / 2 : labelOffset.right;
+        }
       });
       axesY.forEach(function (axis, index) {
-        lw = Math.max(range.y[index].size.width + labelBuffer.width, 42 + labelBuffer.width);
+        var _axis$labelStyle2;
 
-        if (axis.position === 'left') {
-          if (lw > labelOffset.left) {
-            labelOffset.left = lw;
-          }
-        } else if (axis.position === 'right') {
-          if (lw > labelOffset.right) {
-            labelOffset.right = lw;
+        if ((_axis$labelStyle2 = axis.labelStyle) !== null && _axis$labelStyle2 !== void 0 && _axis$labelStyle2.show) {
+          lw = Math.max(range.y[index].size.width + labelBuffer.width, 42 + labelBuffer.width);
+
+          if (axis.position === 'left') {
+            if (lw > labelOffset.left) {
+              labelOffset.left = lw;
+            }
+          } else if (axis.position === 'right') {
+            if (lw > labelOffset.right) {
+              labelOffset.right = lw;
+            }
           }
-        }
 
-        labelOffset.top = lh / 2 > labelOffset.top ? lh / 2 : labelOffset.top;
-        labelOffset.bottom = lh / 2 > labelOffset.bottom ? lh / 2 : labelOffset.bottom;
+          labelOffset.top = lh / 2 > labelOffset.top ? lh / 2 : labelOffset.top;
+          labelOffset.bottom = lh / 2 > labelOffset.bottom ? lh / 2 : labelOffset.bottom;
+        }
       });
       return labelOffset;
     }
@@ -37786,9 +38789,9 @@ var DEFAULT_OPTIONS = {
     tipTextColor: '#FFFFFF'
   },
   dragSelection: {
-    use: true,
+    use: false,
     keepDisplay: true,
-    fillColor: '#38acec',
+    fillColor: '#38ACEC',
     opacity: 0.65
   }
 };
@@ -38074,9 +39077,11 @@ var Chartvue_type_style_index_0_id_195b5cf0_lang_scss = __webpack_require__("35c
 
 
 
-Chartvue_type_script_lang_js.render = Chartvue_type_template_id_195b5cf0_render
 
-/* harmony default export */ var Chart = (Chartvue_type_script_lang_js);
+
+const Chart_exports_ = /*#__PURE__*/exportHelper_default()(Chartvue_type_script_lang_js, [['render',Chartvue_type_template_id_195b5cf0_render]])
+
+/* harmony default export */ var Chart = (Chart_exports_);
 // CONCATENATED MODULE: ./src/components/chart/index.js
 
 
@@ -38088,32 +39093,34 @@ 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=674beadb&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=4eddcfbc&scoped=true
 
 
-var TreeGridvue_type_template_id_674beadb_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-674beadb");
+var TreeGridvue_type_template_id_4eddcfbc_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-4eddcfbc");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-674beadb");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-4eddcfbc");
 
-var TreeGridvue_type_template_id_674beadb_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_674beadb_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_2 = {
   key: 0
 };
 
-var TreeGridvue_type_template_id_674beadb_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var TreeGridvue_type_template_id_4eddcfbc_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_674beadb_scoped_true_hoisted_4 = {
+var TreeGridvue_type_template_id_4eddcfbc_scoped_true_hoisted_4 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var TreeGridvue_type_template_id_674beadb_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_674beadb_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridvue_type_template_id_4eddcfbc_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_4eddcfbc_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");
 
   var _component_tree_grid_node = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("tree-grid-node");
@@ -38124,7 +39131,22 @@ var TreeGridvue_type_template_id_674beadb_scoped_true_render = /*#__PURE__*/Tree
 
   var _directive_observe_visibility = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("observe-visibility");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, [!!_ctx.$slots.toolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    key: 0,
+    class: "toolbar-wrapper",
+    style: "width: ".concat(_ctx.gridWidth, ";")
+  }, [!!_ctx.$slots.toolbar ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_toolbar, {
+    key: 0
+  }, {
+    toolbarWrapper: TreeGridvue_type_template_id_4eddcfbc_scoped_true_withId(function () {
+      return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
+        item: {
+          onSearch: $setup.onSearch
+        }
+      })];
+    }),
+    _: 1
+  })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     ref: "grid-wrapper",
     style: $setup.gridStyle
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
@@ -38133,7 +39155,7 @@ var TreeGridvue_type_template_id_674beadb_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_674beadb_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_4eddcfbc_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;")
@@ -38198,18 +39220,18 @@ var TreeGridvue_type_template_id_674beadb_scoped_true_render = /*#__PURE__*/Tree
       onClickTreeData: $setup.onRowClick,
       onDblClickTreeData: $setup.onRowDblClick
     }, null, 8, ["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_674beadb_scoped_true_hoisted_2, [TreeGridvue_type_template_id_674beadb_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_4eddcfbc_scoped_true_hoisted_2, [TreeGridvue_type_template_id_4eddcfbc_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_674beadb_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_4eddcfbc_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
-  }]]);
+  }]])], 64);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=674beadb&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=4eddcfbc&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=037d34f4&scoped=true
 
@@ -38486,10 +39508,41 @@ var TreeGridNodevue_type_style_index_0_id_037d34f4_lang_scss_scoped_true = __web
 
 
 
-TreeGridNodevue_type_script_lang_js.render = TreeGridNodevue_type_template_id_037d34f4_scoped_true_render
-TreeGridNodevue_type_script_lang_js.__scopeId = "data-v-037d34f4"
 
-/* harmony default export */ var TreeGridNode = (TreeGridNodevue_type_script_lang_js);
+
+const TreeGridNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridNodevue_type_script_lang_js, [['render',TreeGridNodevue_type_template_id_037d34f4_scoped_true_render],['__scopeId',"data-v-037d34f4"]])
+
+/* harmony default export */ var TreeGridNode = (TreeGridNode_exports_);
+// 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.toolbar.vue?vue&type=template&id=3ad2a4b3
+
+var treeGrid_toolbarvue_type_template_id_3ad2a4b3_hoisted_1 = {
+  class: "description treeGridToolbar"
+};
+function treeGrid_toolbarvue_type_template_id_3ad2a4b3_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", treeGrid_toolbarvue_type_template_id_3ad2a4b3_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
+}
+// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=3ad2a4b3
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=script&lang=js
+/* harmony default export */ var treeGrid_toolbarvue_type_script_lang_js = ({
+  name: 'EvTreeGridToolbar'
+});
+// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=style&index=0&id=3ad2a4b3&lang=scss
+var treeGrid_toolbarvue_type_style_index_0_id_3ad2a4b3_lang_scss = __webpack_require__("3740");
+
+// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue
+
+
+
+
+
+
+
+const treeGrid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(treeGrid_toolbarvue_type_script_lang_js, [['render',treeGrid_toolbarvue_type_template_id_3ad2a4b3_render]])
+
+/* harmony default export */ var treeGrid_toolbar = (treeGrid_toolbar_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/uses.js
 
 
@@ -39255,6 +40308,7 @@ var treeEvent = function treeEvent(params) {
       node.checked = false;
       node.index = index++;
       node.parent = parent;
+      node.isFilter = false;
       stores.treeStore.push(node);
 
       if (node.children && node.children.length > 0) {
@@ -39264,13 +40318,13 @@ var treeEvent = function treeEvent(params) {
     });
   };
 
-  var setExpandNode = function setExpandNode(children, isShow) {
+  var setExpandNode = function setExpandNode(children, isShow, isFilter) {
     children.forEach(function (nodeObj) {
       var node = nodeObj;
-      node.show = isShow;
+      node.show = isFilter && isShow ? node.isFilter : isShow;
 
       if (node.hasChild) {
-        setExpandNode(node.children, node.show && node.expand);
+        setExpandNode(node.children, node.show && node.expand, node.isFilter);
       }
     });
   };
@@ -39278,7 +40332,7 @@ var treeEvent = function treeEvent(params) {
   var handleExpand = function handleExpand(node) {
     var data = node;
     data.expand = !data.expand;
-    setExpandNode(data.children, data.expand);
+    setExpandNode(data.children, data.expand, data.isFilter);
     onResize();
   };
 
@@ -39287,6 +40341,83 @@ var treeEvent = function treeEvent(params) {
     handleExpand: handleExpand
   };
 };
+var treeGrid_uses_filterEvent = function filterEvent(params) {
+  var stores = params.stores,
+      getConvertValue = params.getConvertValue,
+      calculatedColumn = params.calculatedColumn,
+      updateVScroll = params.updateVScroll;
+
+  var makeParentShow = function makeParentShow(data) {
+    if (!(data !== null && data !== void 0 && data.parent)) {
+      return;
+    }
+
+    var parent = data.parent;
+    parent.show = true;
+    parent.expand = true;
+    parent.isFilter = true;
+    makeParentShow(parent);
+  };
+
+  var timer = null;
+
+  var onSearch = function onSearch(searchWord) {
+    if (timer) {
+      clearTimeout(timer);
+    }
+
+    timer = setTimeout(function () {
+      stores.treeStore.forEach(function (row) {
+        row.show = false;
+        row.isFilter = false;
+      });
+
+      if (searchWord) {
+        var filterStores = stores.treeStore.filter(function (row) {
+          var isSameWord = false;
+
+          for (var ix = 0; ix < stores.orderedColumns.length; ix++) {
+            var column = stores.orderedColumns[ix] || {};
+            var columnValue = row[column.field];
+            var columnType = column.type;
+
+            if (columnValue) {
+              if (!columnType) {
+                columnType = 'string';
+              }
+
+              columnValue = getConvertValue(columnType, columnValue).toString();
+              isSameWord = columnValue.toLowerCase().includes(searchWord.toString().toLowerCase());
+
+              if (isSameWord) {
+                break;
+              }
+            }
+          }
+
+          return isSameWord;
+        });
+        filterStores.forEach(function (row) {
+          row.show = true;
+          row.isFilter = true;
+          makeParentShow(row);
+        });
+      } else {
+        stores.treeStore.forEach(function (row) {
+          row.show = true;
+          row.isFilter = false;
+        });
+      }
+
+      calculatedColumn();
+      updateVScroll();
+    }, 500);
+  };
+
+  return {
+    onSearch: onSearch
+  };
+};
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=script&lang=js
 
 
@@ -39297,10 +40428,12 @@ var treeEvent = function treeEvent(params) {
 
 
 
+
 /* harmony default export */ var TreeGridvue_type_script_lang_js = ({
   name: 'EvTreeGrid',
   components: {
-    treeGridNode: TreeGridNode
+    treeGridNode: TreeGridNode,
+    Toolbar: treeGrid_toolbar
   },
   props: {
     columns: {
@@ -39508,6 +40641,14 @@ var treeEvent = function treeEvent(params) {
         setTreeStore = _treeEvent.setTreeStore,
         handleExpand = _treeEvent.handleExpand;
 
+    var _filterEvent = treeGrid_uses_filterEvent({
+      stores: stores,
+      getConvertValue: getConvertValue,
+      calculatedColumn: calculatedColumn,
+      updateVScroll: updateVScroll
+    }),
+        onSearch = _filterEvent.onSearch;
+
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked;
     }, function (value) {
@@ -39523,6 +40664,11 @@ var treeEvent = function treeEvent(params) {
         checkInfo.isHeaderChecked = true;
       }
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.selected;
+    }, function (value) {
+      selectInfo.selectedRow = value;
+    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return checkInfo.useCheckbox.mode;
     }, function () {
@@ -39633,6 +40779,7 @@ var treeEvent = function treeEvent(params) {
       onCheckAll: onCheckAll,
       setContextMenu: setContextMenu,
       onContextMenu: onContextMenu,
+      onSearch: onSearch,
       handleExpand: handleExpand,
       gridStyle: gridStyle,
       gridClass: gridClass,
@@ -39647,8 +40794,8 @@ var treeEvent = function treeEvent(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=674beadb&lang=scss&scoped=true
-var TreeGridvue_type_style_index_0_id_674beadb_lang_scss_scoped_true = __webpack_require__("27ec");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=4eddcfbc&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_4eddcfbc_lang_scss_scoped_true = __webpack_require__("cd5d");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
 
@@ -39656,10 +40803,11 @@ var TreeGridvue_type_style_index_0_id_674beadb_lang_scss_scoped_true = __webpack
 
 
 
-TreeGridvue_type_script_lang_js.render = TreeGridvue_type_template_id_674beadb_scoped_true_render
-TreeGridvue_type_script_lang_js.__scopeId = "data-v-674beadb"
 
-/* harmony default export */ var TreeGrid = (TreeGridvue_type_script_lang_js);
+
+const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_4eddcfbc_scoped_true_render],['__scopeId',"data-v-4eddcfbc"]])
+
+/* harmony default export */ var TreeGrid = (TreeGrid_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js
 
 
@@ -39834,6 +40982,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fd92":
+/***/ (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_9afb75c8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("db9d");
+/* 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_9afb75c8_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_9afb75c8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "fdbc":