evui 3.4.1 → 3.4.3

package/dist/evui.common.js

@@ -303,23 +303,6 @@ $({ target: 'Object', stat: true }, {
 });
 
 
-/***/ }),
-
-/***/ "0967":
-/***/ (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__("fe56");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-// Module
-exports.push([module.i, ".ev-tree-grid[data-v-c34b4ad2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-c34b4ad2]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-c34b4ad2]{display:table}.ev-tree-grid.non-header[data-v-c34b4ad2]{padding-top:0}.ev-tree-grid .table-header[data-v-c34b4ad2]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-c34b4ad2]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-c34b4ad2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-c34b4ad2],.column-list[data-v-c34b4ad2]{position:relative;height:100%}.column[data-v-c34b4ad2]{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-c34b4ad2]{border-right:1px solid}.column[data-v-c34b4ad2]:last-child{border-right:0}.column .sort-icon[data-v-c34b4ad2]{float:right;line-height:30px}.column-name[data-v-c34b4ad2],.column .sort-icon[data-v-c34b4ad2]{display:inline-block;font-size:14px}.column-name[data-v-c34b4ad2]{float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700}.column-resize[data-v-c34b4ad2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-c34b4ad2]:hover{cursor:col-resize}.table-body[data-v-c34b4ad2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-c34b4ad2]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-c34b4ad2]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-c34b4ad2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-c34b4ad2]{border-bottom:1px solid}.table-body .row[data-v-c34b4ad2]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-c34b4ad2]{border-bottom:1px solid}.table-body .row.selected[data-v-c34b4ad2]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-c34b4ad2]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-c34b4ad2]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-c34b4ad2]{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-c34b4ad2]{border-right:1px solid}.table-body .cell div[data-v-c34b4ad2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-c34b4ad2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-c34b4ad2]{overflow:initial}.table-body .cell.float[data-v-c34b4ad2],.table-body .cell.number[data-v-c34b4ad2]{text-align:right}.table-body .cell.string[data-v-c34b4ad2],.table-body .cell.stringNumber[data-v-c34b4ad2]{text-align:left}.table-body .cell.center[data-v-c34b4ad2]{text-align:center}.table-body .cell.left[data-v-c34b4ad2]{text-align:left}.table-body .cell.left .wrap[data-v-c34b4ad2]{justify-content:flex-start}.table-body .cell.right[data-v-c34b4ad2]{text-align:right}.table-body .cell.right .wrap[data-v-c34b4ad2]{justify-content:flex-end}.table-body .cell[data-v-c34b4ad2]:last-child{border-right:0}.table-body .cell.tree-td[data-v-c34b4ad2]{text-align:left!important}.table-resize-line[data-v-c34b4ad2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-c34b4ad2]{border-right:1px solid}.vscroll-spacer[data-v-c34b4ad2]{opacity:0;clear:both}[v-cloak][data-v-c34b4ad2]{display:none}.ev-checkbox[data-v-c34b4ad2]{margin:0}.non-border[data-v-c34b4ad2]{border:none!important}.is-empty[data-v-c34b4ad2]{height:30px;text-align:center}.ev-tree-toggle[data-v-c34b4ad2]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-c34b4ad2]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-c34b4ad2]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-c34b4ad2]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-c34b4ad2],.ev-tree-toggle .tree-parent-icon i[data-v-c34b4ad2]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-c34b4ad2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-c34b4ad2]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-c34b4ad2]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "0cfb":
@@ -359,6 +342,21 @@ module.exports = ''.repeat || function repeat(count) {
 };
 
 
+/***/ }),
+
+/***/ "1176":
+/***/ (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__("554d");
+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("93efb472", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "1276":
@@ -4343,6 +4341,21 @@ module.exports = function (iterable, unboundFunction, options) {
 };
 
 
+/***/ }),
+
+/***/ "22db":
+/***/ (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__("6446");
+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("312a287c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "23cb":
@@ -4440,21 +4453,6 @@ exports.f = Object.getOwnPropertyNames || function getOwnPropertyNames(O) {
 };
 
 
-/***/ }),
-
-/***/ "24b2":
-/***/ (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__("0967");
-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("99751abe", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "24fb":
@@ -4578,6 +4576,17 @@ $({ target: 'String', proto: true, forced: !correctIsRegExpLogic('includes') },
 });
 
 
+/***/ }),
+
+/***/ "253b":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_69ec37c6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c2ca");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_69ec37c6_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_69ec37c6_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "25f0":
@@ -4834,20 +4843,6 @@ if (v8) {
 module.exports = version && +version;
 
 
-/***/ }),
-
-/***/ "2d47":
-/***/ (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-grid[data-v-57ece521]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-57ece521]{overflow:auto}.ev-grid--empty .table-header[data-v-57ece521]{display:table}.ev-grid.non-header[data-v-57ece521]{padding-top:0}.ev-grid .table-header[data-v-57ece521]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-57ece521]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-57ece521]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-57ece521]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-57ece521],.column-list[data-v-57ece521]{position:relative;height:100%}.column[data-v-57ece521]{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;background:#fff}.dark .column[data-v-57ece521]{border-right:1px solid;background:#0d0d0d}.column[data-v-57ece521]:last-child{border-right:0}.column .column-sort__icon[data-v-57ece521]{position:absolute;top:50%;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-57ece521]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-57ece521]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-57ece521]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-57ece521],.column :hover .column-sort__icon--desc[data-v-57ece521]{visibility:hidden}.column-name[data-v-57ece521]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px}.column-resize[data-v-57ece521]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-57ece521]:hover{cursor:col-resize}.table-body[data-v-57ece521]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-57ece521]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-57ece521]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-57ece521]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-57ece521]{border-bottom:1px solid}.table-body .row[data-v-57ece521]{color:inherit;white-space:nowrap;background:#fff;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-57ece521]{background:#0d0d0d;border-bottom:1px solid}.table-body .row.selected[data-v-57ece521]{background:#dbf0f9}.dark .table-body .row.selected[data-v-57ece521],.table-body .row.selected[data-v-57ece521]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-57ece521]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-57ece521]{visibility:visible}.table-body .cell[data-v-57ece521]{display:inline-block;padding:0 10px;background:inherit;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-57ece521]{border-right:1px solid}.table-body .cell div[data-v-57ece521]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell .row-contextmenu__btn[data-v-57ece521]{visibility:hidden;vertical-align:middle;cursor:pointer}.table-body .cell.row-checkbox[data-v-57ece521]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-57ece521]{overflow:initial}.table-body .cell.float[data-v-57ece521],.table-body .cell.number[data-v-57ece521]{text-align:right}.table-body .cell.string[data-v-57ece521],.table-body .cell.stringNumber[data-v-57ece521]{text-align:left}.table-body .cell.center[data-v-57ece521]{text-align:center}.table-body .cell.left[data-v-57ece521]{text-align:left}.table-body .cell.left .wrap[data-v-57ece521]{justify-content:flex-start}.table-body .cell.right[data-v-57ece521]{text-align:right}.table-body .cell.right .wrap[data-v-57ece521]{justify-content:flex-end}.table-body .cell[data-v-57ece521]:last-child{border-right:0}.table-resize-line[data-v-57ece521]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-57ece521]{border-right:1px solid}.vscroll-spacer[data-v-57ece521]{opacity:0;clear:both}[v-cloak][data-v-57ece521]{display:none}.ev-checkbox[data-v-57ece521]{margin:0}.non-border[data-v-57ece521]{border:none!important}.is-empty[data-v-57ece521]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "2d5d":
@@ -4865,21 +4860,6 @@ var update = add("22fca3a7", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
-/***/ "2ee4":
-/***/ (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__("67c5");
-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("6d9330f2", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "2f74":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -5029,6 +5009,17 @@ exports.push([module.i, ".ev-menu-item{line-height:1.3em}.ev-menu-item:not(.dept
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "3b5d":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fef7");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "3bbe":
@@ -6167,6 +6158,20 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("7fbad1a3", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "554d":
+/***/ (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-grid-column-setting{position:absolute;width:180px;border:1px solid #d0d0d0;background:#fff;font-size:12px;z-index:1}.ev-grid-column-setting__header{padding:10px}.ev-grid-column-setting__header .ev-text-field{margin-top:10px}.ev-grid-column-setting__content{height:120px;padding:0 10px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;overflow:auto}.ev-grid-column-setting__content .ev-checkbox{display:block;padding:10px 0}.ev-grid-column-setting__content .ev-checkbox .ev-checkbox-label{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-grid-column-setting__content .is-empty{height:30px;text-align:center}.ev-grid-column-setting__footer{display:flex;padding:5px 10px}.ev-grid-column-setting__footer .ev-button{margin-left:auto}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "566d":
@@ -6556,6 +6561,23 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("cd3ba5ec", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "6446":
+/***/ (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__("fe56");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+// Module
+exports.push([module.i, ".ev-tree-grid[data-v-e68a75aa]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-e68a75aa]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-e68a75aa]{display:table}.ev-tree-grid.non-header[data-v-e68a75aa]{padding-top:0}.ev-tree-grid .table-header[data-v-e68a75aa]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-e68a75aa]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-e68a75aa]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-e68a75aa],.column-list[data-v-e68a75aa]{position:relative;height:100%}.column[data-v-e68a75aa]{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-e68a75aa]{border-right:1px solid}.column[data-v-e68a75aa]:last-child{border-right:0}.column .sort-icon[data-v-e68a75aa]{float:right;line-height:30px}.column-name[data-v-e68a75aa],.column .sort-icon[data-v-e68a75aa]{display:inline-block;font-size:14px}.column-name[data-v-e68a75aa]{float:left;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700}.column-name--click[data-v-e68a75aa]{cursor:pointer}.column-resize[data-v-e68a75aa]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-e68a75aa]:hover{cursor:col-resize}.table-body[data-v-e68a75aa]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-e68a75aa]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-e68a75aa]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-e68a75aa]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-e68a75aa]{border-bottom:1px solid}.table-body .row[data-v-e68a75aa]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-e68a75aa]{border-bottom:1px solid}.table-body .row.selected[data-v-e68a75aa]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-e68a75aa]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-e68a75aa]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-e68a75aa]{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-e68a75aa]{border-right:1px solid}.table-body .cell.row-checkbox[data-v-e68a75aa]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-e68a75aa]{overflow:initial}.table-body .cell.float[data-v-e68a75aa],.table-body .cell.number[data-v-e68a75aa]{text-align:right}.table-body .cell.string[data-v-e68a75aa],.table-body .cell.stringNumber[data-v-e68a75aa]{text-align:left}.table-body .cell.center[data-v-e68a75aa]{text-align:center}.table-body .cell.left[data-v-e68a75aa]{text-align:left}.table-body .cell.left .wrap[data-v-e68a75aa]{justify-content:flex-start}.table-body .cell.right[data-v-e68a75aa]{text-align:right}.table-body .cell.right .wrap[data-v-e68a75aa]{justify-content:flex-end}.table-body .cell[data-v-e68a75aa]:last-child{border-right:0}.table-body .cell.tree-td[data-v-e68a75aa]{text-align:left!important}.table-body .cell.tree-td .td-content[data-v-e68a75aa]{display:flex;position:relative;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-resize-line[data-v-e68a75aa]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-e68a75aa]{border-right:1px solid}.vscroll-spacer[data-v-e68a75aa]{opacity:0;clear:both}[v-cloak][data-v-e68a75aa]{display:none}.ev-checkbox[data-v-e68a75aa]{margin:0}.non-border[data-v-e68a75aa]{border:none!important}.is-empty[data-v-e68a75aa]{height:30px;text-align:center}.ev-tree-toggle[data-v-e68a75aa]{display:inline-block;width:13px;margin-right:4px;text-align:center;vertical-align:middle}.ev-tree-toggle .tree-expand-icon[data-v-e68a75aa]{border:none;background:transparent;outline:none;cursor:pointer}.ev-tree-toggle .tree-expand-icon i[data-v-e68a75aa]{display:inline-block;top:-3px;width:11px;height:10px;background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -43px -61px}.ev-tree-toggle.expand>.tree-expand-icon i[data-v-e68a75aa]{height:8px;background-position:-15px -63px}.ev-tree-toggle .tree-child-icon i[data-v-e68a75aa],.ev-tree-toggle .tree-parent-icon i[data-v-e68a75aa]{display:inline-block;top:-3px;width:14px;height:14px}.ev-tree-toggle .tree-parent-icon i[data-v-e68a75aa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -39px -35px}.ev-tree-toggle.expand>.tree-parent-icon i[data-v-e68a75aa]{background-position:-65px -35px}.ev-tree-toggle .tree-child-icon i[data-v-e68a75aa]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat -14px -35px}.slot-wrapper[data-v-e68a75aa]{position:relative;flex:1}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "64a7":
@@ -6795,6 +6817,21 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "65e8":
+/***/ (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__("f1ff");
+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("576d744c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "65f0":
@@ -6822,20 +6859,6 @@ module.exports = function (originalArray, length) {
 };
 
 
-/***/ }),
-
-/***/ "67c5":
-/***/ (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-grid{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty{overflow:auto}.ev-grid--empty .table-header{display:table}.ev-grid.non-header{padding-top:0}.ev-grid .table-header{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border{border-bottom:2px solid #7f7f7f!important}.column-list{width:100%;white-space:nowrap;list-style-type:none}.column,.column-list{position:relative;height:100%}.column{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;background:#fff}.dark .column{border-right:1px solid;background:#0d0d0d}.column:last-child{border-right:0}.column .column-sort__icon{position:absolute;top:50%;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon:hover{cursor:pointer}.column .column-sort__icon--basic{visibility:hidden}.column :hover .column-sort__icon--basic{visibility:visible}.column :hover .column-sort__icon--asc,.column :hover .column-sort__icon--desc{visibility:hidden}.column-name{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px}.column-resize{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize:hover{cursor:col-resize}.table-body{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr:nth-child(2n){background:#e5e5e5}.table-body.bottom-border{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border{border-bottom:1px solid}.table-body .row{color:inherit;white-space:nowrap;background:#fff;border-bottom:1px solid #cfcfcf}.dark .table-body .row{background:#0d0d0d;border-bottom:1px solid}.table-body .row.selected{background:#dbf0f9}.dark .table-body .row.selected,.table-body .row.selected{color:inherit;font-size:inherit}.table-body .row.highlight{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn{visibility:visible}.table-body .cell{display:inline-block;padding:0 10px;background:inherit;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell{border-right:1px solid}.table-body .cell div{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell .row-contextmenu__btn{visibility:hidden;vertical-align:middle;cursor:pointer}.table-body .cell.row-checkbox{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render{overflow:initial}.table-body .cell.float,.table-body .cell.number{text-align:right}.table-body .cell.string,.table-body .cell.stringNumber{text-align:left}.table-body .cell.center{text-align:center}.table-body .cell.left{text-align:left}.table-body .cell.left .wrap{justify-content:flex-start}.table-body .cell.right{text-align:right}.table-body .cell.right .wrap{justify-content:flex-end}.table-body .cell:last-child{border-right:0}.table-resize-line{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line{border-right:1px solid}.vscroll-spacer{opacity:0;clear:both}[v-cloak]{display:none}.ev-checkbox{margin:0}.non-border{border:none!important}.is-empty{height:30px;text-align:center}.ev-grid-column-setting{position:absolute;width:180px;border:1px solid #d0d0d0;background:#fff;font-size:12px;z-index:1}.ev-grid-column-setting__header{padding:10px}.ev-grid-column-setting__header .ev-text-field{margin-top:10px}.ev-grid-column-setting__content{height:120px;padding:0 10px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;overflow:auto}.ev-grid-column-setting__content .ev-checkbox{display:block;padding:10px 0}.ev-grid-column-setting__content .ev-checkbox .ev-checkbox-label{display:inline-block;width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-grid-column-setting__footer{display:flex;padding:5px 10px}.ev-grid-column-setting__footer .ev-button{margin-left:auto}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "69f3":
@@ -7414,6 +7437,20 @@ module.exports = Object.create || function create(O, Properties) {
 };
 
 
+/***/ }),
+
+/***/ "7da9":
+/***/ (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, ".tree-grid-toolbar{height:30px;margin-bottom:10px}.tree-grid-toolbar>.search{float:right;width:auto!important;margin-right:0!important}.tree-grid-toolbar>.ev-button{margin:0 2px 0 2px}.tree-grid-toolbar>.column-setting__icon{float:right;margin:0 5px;cursor:pointer}.tree-grid-toolbar>.column-setting__icon:hover{opacity:.6}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "7db0":
@@ -7568,32 +7605,6 @@ module.exports = typeof WeakMap === 'function' && /native code/.test(inspectSour
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "7fae":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_1ca11f2e_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("81bd");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_1ca11f2e_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_1ca11f2e_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "81bd":
-/***/ (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__("e400");
-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("e16338ca", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "81d5":
@@ -7619,21 +7630,6 @@ module.exports = function fill(value /* , start = 0, end = @length */) {
 };
 
 
-/***/ }),
-
-/***/ "8218":
-/***/ (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__("f229");
-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("31ec4812", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "825a":
@@ -7736,20 +7732,6 @@ fixRegExpWellKnownSymbolLogic('search', 1, function (SEARCH, nativeSearch, maybe
 });
 
 
-/***/ }),
-
-/***/ "8504":
-/***/ (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-checkbox{margin-right:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-checkbox-label{padding-left:5px}.ev-checkbox-input{cursor:pointer}.disabled .ev-checkbox-label{color:#b2b2b2}.dark .disabled .ev-checkbox-label{color:#555}.disabled .ev-checkbox-input,.disabled .ev-checkbox-label{cursor:not-allowed!important}.type-button .ev-checkbox{display:inline-block;padding:0;margin:0;text-align:center;border:1px solid #b2b2b2;border-left:0}.dark .type-button .ev-checkbox{border:1px solid #666;border-left:0}.type-button .ev-checkbox:first-child{border-radius:4px 0 0 4px;border-left:1px solid #b2b2b2}.dark .type-button .ev-checkbox:first-child{border-left:1px solid #666}.type-button .ev-checkbox:last-child{border-radius:0 4px 4px 0}.type-button .ev-checkbox.checked{color:#fff;background-color:#1a6afe}.dark .type-button .ev-checkbox.checked{background-color:#007aff}.type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,69.8%,.5)}.dark .type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,40%,.5)}.type-button .ev-checkbox-input{position:absolute;width:0;height:0;visibility:hidden;overflow:hidden;z-index:-1}.type-button .ev-checkbox-label{display:inline-block;padding:7px 12px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "861d":
@@ -7947,6 +7929,21 @@ module.exports = require("vue");
 
 /***/ }),
 
+/***/ "90a3":
+/***/ (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__("7da9");
+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("70ccc5be", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "90e3":
 /***/ (function(module, exports) {
 
@@ -7997,7 +7994,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.1\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.3\"}");
 
 /***/ }),
 
@@ -8945,17 +8942,6 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
-/***/ }),
-
-/***/ "99b0":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_2b698c88_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("2ee4");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_2b698c88_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_2b698c88_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9a45":
@@ -8970,6 +8956,17 @@ exports.push([module.i, "#ev-message-box-modal{display:flex;position:fixed;top:0
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "9a99":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("65e8");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9bdd":
@@ -9031,17 +9028,6 @@ exports.push([module.i, ".ev-loading{position:absolute;top:0;left:0;width:100%;h
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "9dac":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_c34b4ad2_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("24b2");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_c34b4ad2_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_c34b4ad2_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9ec3":
@@ -9126,6 +9112,17 @@ exports.BROKEN_CARET = fails(function () {
 });
 
 
+/***/ }),
+
+/***/ "9ffa":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_cf230432_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("90a3");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_cf230432_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_treeGrid_toolbar_vue_vue_type_style_index_0_id_cf230432_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "a2bf":
@@ -9979,32 +9976,6 @@ if (DESCRIPTORS && !(NAME in FunctionPrototype)) {
 }
 
 
-/***/ }),
-
-/***/ "b15f":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_57ece521_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("daca");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_57ece521_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_57ece521_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "b2d8":
-/***/ (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__("8504");
-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("ee7fb062", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "b575":
@@ -10433,6 +10404,17 @@ exports.push([module.i, ".ev-tabs li,.ev-tabs ul{list-style:none}.ev-tabs.closab
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "bcaf":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1176");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "bd0e":
@@ -10456,7 +10438,7 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf;background:#fff}.dark .column[data-v-fd0ffe52]{border-right:1px solid;background:#0d0d0d}.column[data-v-fd0ffe52]:last-child{border-right:0}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-fd0ffe52],.column :hover .column-sort__icon--desc[data-v-fd0ffe52]{visibility:hidden}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;background:#fff;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{background:#0d0d0d;border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{visibility:visible}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;background:inherit;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-fd0ffe52]{border-right:1px solid}.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell .row-contextmenu__btn[data-v-fd0ffe52]{visibility:hidden;vertical-align:middle;cursor:pointer}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-body .cell[data-v-fd0ffe52]:last-child{border-right:0}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
+exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-fd0ffe52]{display:none;vertical-align:middle;cursor:pointer}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-fd0ffe52],.column :hover .column-sort__icon--desc[data-v-fd0ffe52]{visibility:hidden}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{display:grid}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-fd0ffe52],.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-fd0ffe52]{overflow:hidden}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
 // Exports
 module.exports = exports;
 
@@ -10504,6 +10486,21 @@ $({ target: 'Object', stat: true }, {
 });
 
 
+/***/ }),
+
+/***/ "c2ca":
+/***/ (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__("cdfb");
+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("3b59f91e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "c2fa":
@@ -10872,6 +10869,20 @@ module.exports = function (C, x) {
 };
 
 
+/***/ }),
+
+/***/ "cdfb":
+/***/ (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-tree-grid[data-v-69ec37c6]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-69ec37c6]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-69ec37c6]{display:table}.ev-tree-grid.non-header[data-v-69ec37c6]{padding-top:0}.ev-tree-grid .table-header[data-v-69ec37c6]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-69ec37c6]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-69ec37c6]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-69ec37c6],.column-list[data-v-69ec37c6]{position:relative;height:100%}.column[data-v-69ec37c6]{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-69ec37c6]{border-right:1px solid}.column[data-v-69ec37c6]:last-child{border-right:0}.column .sort-icon[data-v-69ec37c6]{float:right;line-height:30px}.column-name[data-v-69ec37c6],.column .sort-icon[data-v-69ec37c6]{display:inline-block;font-size:14px}.column-name[data-v-69ec37c6]{float:left;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700}.column-name--click[data-v-69ec37c6]{cursor:pointer}.column-resize[data-v-69ec37c6]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-69ec37c6]:hover{cursor:col-resize}.table-body[data-v-69ec37c6]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-69ec37c6]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-69ec37c6]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-69ec37c6]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-69ec37c6]{border-bottom:1px solid}.table-body .row[data-v-69ec37c6]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-69ec37c6]{border-bottom:1px solid}.table-body .row.selected[data-v-69ec37c6]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-69ec37c6]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-69ec37c6]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-69ec37c6]{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-69ec37c6]{border-right:1px solid}.table-body .cell.row-checkbox[data-v-69ec37c6]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-69ec37c6]{overflow:initial}.table-body .cell.float[data-v-69ec37c6],.table-body .cell.number[data-v-69ec37c6]{text-align:right}.table-body .cell.string[data-v-69ec37c6],.table-body .cell.stringNumber[data-v-69ec37c6]{text-align:left}.table-body .cell.center[data-v-69ec37c6]{text-align:center}.table-body .cell.left[data-v-69ec37c6]{text-align:left}.table-body .cell.left .wrap[data-v-69ec37c6]{justify-content:flex-start}.table-body .cell.right[data-v-69ec37c6]{text-align:right}.table-body .cell.right .wrap[data-v-69ec37c6]{justify-content:flex-end}.table-body .cell[data-v-69ec37c6]:last-child{border-right:0}.table-body .cell.tree-td[data-v-69ec37c6]{text-align:left!important}.table-body .cell.tree-td .td-content[data-v-69ec37c6]{display:flex;position:relative;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-resize-line[data-v-69ec37c6]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-69ec37c6]{border-right:1px solid}.vscroll-spacer[data-v-69ec37c6]{opacity:0;clear:both}[v-cloak][data-v-69ec37c6]{display:none}.ev-checkbox[data-v-69ec37c6]{margin:0}.non-border[data-v-69ec37c6]{border:none!important}.is-empty[data-v-69ec37c6]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "ce1e":
@@ -11372,21 +11383,6 @@ module.exports =
 
 /***/ }),
 
-/***/ "daca":
-/***/ (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__("2d47");
-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("3d06d6c9", content, true, {"sourceMap":false,"shadowMode":false});
-
-/***/ }),
-
 /***/ "dbb4":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11447,17 +11443,6 @@ module.exports = function(originalModule) {
 };
 
 
-/***/ }),
-
-/***/ "dd76":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_99e6d310_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8218");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_99e6d310_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGrid_vue_vue_type_style_index_0_id_99e6d310_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "ddb0":
@@ -11498,17 +11483,6 @@ for (var COLLECTION_NAME in DOMIterables) {
 }
 
 
-/***/ }),
-
-/***/ "dea5":
-/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_022a53e1_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("b2d8");
-/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_022a53e1_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_022a53e1_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "df75":
@@ -11651,6 +11625,20 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 };
 
 
+/***/ }),
+
+/***/ "e165":
+/***/ (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-grid[data-v-5884b7ad]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-5884b7ad]{overflow:auto}.ev-grid--empty .table-header[data-v-5884b7ad]{display:table}.ev-grid.non-header[data-v-5884b7ad]{padding-top:0}.ev-grid .table-header[data-v-5884b7ad]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-5884b7ad]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-5884b7ad]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-5884b7ad]{display:none;vertical-align:middle;cursor:pointer}.column-list[data-v-5884b7ad]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-5884b7ad],.column-list[data-v-5884b7ad]{position:relative;height:100%}.column[data-v-5884b7ad]{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}.column .column-sort__icon[data-v-5884b7ad]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-5884b7ad]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-5884b7ad]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-5884b7ad]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-5884b7ad],.column :hover .column-sort__icon--desc[data-v-5884b7ad]{visibility:hidden}.column-name[data-v-5884b7ad]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-5884b7ad]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-5884b7ad]:hover{cursor:col-resize}.table-body[data-v-5884b7ad]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-5884b7ad]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-5884b7ad]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-5884b7ad]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-5884b7ad]{border-bottom:1px solid}.table-body .row[data-v-5884b7ad]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-5884b7ad]{border-bottom:1px solid}.table-body .row.selected[data-v-5884b7ad]{background:#dbf0f9}.dark .table-body .row.selected[data-v-5884b7ad],.table-body .row.selected[data-v-5884b7ad]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-5884b7ad]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-5884b7ad]{display:grid}.table-body .cell[data-v-5884b7ad]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-5884b7ad],.table-body .cell div[data-v-5884b7ad]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-5884b7ad]{overflow:hidden}.table-body .cell.row-checkbox[data-v-5884b7ad]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-5884b7ad]{overflow:initial}.table-body .cell.float[data-v-5884b7ad],.table-body .cell.number[data-v-5884b7ad]{text-align:right}.table-body .cell.string[data-v-5884b7ad],.table-body .cell.stringNumber[data-v-5884b7ad]{text-align:left}.table-body .cell.center[data-v-5884b7ad]{text-align:center}.table-body .cell.left[data-v-5884b7ad]{text-align:left}.table-body .cell.left .wrap[data-v-5884b7ad]{justify-content:flex-start}.table-body .cell.right[data-v-5884b7ad]{text-align:right}.table-body .cell.right .wrap[data-v-5884b7ad]{justify-content:flex-end}.table-resize-line[data-v-5884b7ad]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-5884b7ad]{border-right:1px solid}.vscroll-spacer[data-v-5884b7ad]{opacity:0;clear:both}[v-cloak][data-v-5884b7ad]{display:none}.ev-checkbox[data-v-5884b7ad]{margin:0}.non-border[data-v-5884b7ad]{border:none!important}.is-empty[data-v-5884b7ad]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "e177":
@@ -11790,20 +11778,6 @@ module.exports = exports;
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "e400":
-/***/ (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, ".tree-grid-toolbar{height:30px;margin-bottom:10px}.tree-grid-toolbar>.search{float:right;width:auto!important;margin-right:0!important}.tree-grid-toolbar>.ev-button{margin:0 2px 0 2px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "e439":
@@ -12660,14 +12634,14 @@ hiddenKeys[METADATA] = true;
 
 /***/ }),
 
-/***/ "f229":
+/***/ "f1ff":
 /***/ (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-tree-grid[data-v-99e6d310]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-99e6d310]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-99e6d310]{display:table}.ev-tree-grid.non-header[data-v-99e6d310]{padding-top:0}.ev-tree-grid .table-header[data-v-99e6d310]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-99e6d310]{border-top:2px solid;border-bottom:1px solid}.column-list[data-v-99e6d310]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-99e6d310],.column-list[data-v-99e6d310]{position:relative;height:100%}.column[data-v-99e6d310]{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-99e6d310]{border-right:1px solid}.column[data-v-99e6d310]:last-child{border-right:0}.column .sort-icon[data-v-99e6d310]{float:right;line-height:30px}.column-name[data-v-99e6d310],.column .sort-icon[data-v-99e6d310]{display:inline-block;font-size:14px}.column-name[data-v-99e6d310]{float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700}.column-resize[data-v-99e6d310]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-99e6d310]:hover{cursor:col-resize}.table-body[data-v-99e6d310]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-99e6d310]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-99e6d310]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-99e6d310]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-99e6d310]{border-bottom:1px solid}.table-body .row[data-v-99e6d310]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-99e6d310]{border-bottom:1px solid}.table-body .row.selected[data-v-99e6d310]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-99e6d310]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-99e6d310]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-99e6d310]{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-99e6d310]{border-right:1px solid}.table-body .cell div[data-v-99e6d310]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-99e6d310]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-99e6d310]{overflow:initial}.table-body .cell.float[data-v-99e6d310],.table-body .cell.number[data-v-99e6d310]{text-align:right}.table-body .cell.string[data-v-99e6d310],.table-body .cell.stringNumber[data-v-99e6d310]{text-align:left}.table-body .cell.center[data-v-99e6d310]{text-align:center}.table-body .cell.left[data-v-99e6d310]{text-align:left}.table-body .cell.left .wrap[data-v-99e6d310]{justify-content:flex-start}.table-body .cell.right[data-v-99e6d310]{text-align:right}.table-body .cell.right .wrap[data-v-99e6d310]{justify-content:flex-end}.table-body .cell[data-v-99e6d310]:last-child{border-right:0}.table-body .cell.tree-td[data-v-99e6d310]{text-align:left!important}.table-resize-line[data-v-99e6d310]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-99e6d310]{border-right:1px solid}.vscroll-spacer[data-v-99e6d310]{opacity:0;clear:both}[v-cloak][data-v-99e6d310]{display:none}.ev-checkbox[data-v-99e6d310]{margin:0}.non-border[data-v-99e6d310]{border:none!important}.is-empty[data-v-99e6d310]{height:30px;text-align:center}", ""]);
+exports.push([module.i, ".ev-checkbox{margin-right:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-checkbox-label{padding-left:5px}.ev-checkbox-input{cursor:pointer}.disabled .ev-checkbox-label{color:#b2b2b2}.dark .disabled .ev-checkbox-label{color:#555}.disabled .ev-checkbox-input,.disabled .ev-checkbox-label{cursor:not-allowed!important}.type-button .ev-checkbox{display:inline-block;padding:0;margin:0;text-align:center;border:1px solid #b2b2b2;border-left:0}.dark .type-button .ev-checkbox{border:1px solid #666;border-left:0}.type-button .ev-checkbox:first-child{border-radius:4px 0 0 4px;border-left:1px solid #b2b2b2}.dark .type-button .ev-checkbox:first-child{border-left:1px solid #666}.type-button .ev-checkbox:last-child{border-radius:0 4px 4px 0}.type-button .ev-checkbox.checked{color:#fff;background-color:#1a6afe}.dark .type-button .ev-checkbox.checked{background-color:#007aff}.type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,69.8%,.5)}.dark .type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,40%,.5)}.type-button .ev-checkbox-input{position:absolute;width:0;height:0;visibility:hidden;overflow:hidden;z-index:-1}.type-button .ev-checkbox-label{display:inline-block;padding:7px 12px}", ""]);
 // Exports
 module.exports = exports;
 
@@ -12758,6 +12732,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("333b9724", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "f75f":
+/***/ (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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_e68a75aa_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("22db");
+/* 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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_e68a75aa_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_cli_service_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_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_TreeGridNode_vue_vue_type_style_index_0_id_e68a75aa_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "f772":
@@ -13671,12 +13656,9 @@ ButtonGroup.install = function (app) {
 };
 
 /* harmony default export */ var buttonGroup = (ButtonGroup);
-// 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/checkbox/Checkbox.vue?vue&type=template&id=022a53e1
+// 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/checkbox/Checkbox.vue?vue&type=template&id=14485370
 
-var Checkboxvue_type_template_id_022a53e1_hoisted_1 = {
-  class: "ev-checkbox-label"
-};
-function Checkboxvue_type_template_id_022a53e1_render(_ctx, _cache, $props, $setup, $data, $options) {
+function Checkboxvue_type_template_id_14485370_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"])("label", {
     class: ["ev-checkbox", [{
       disabled: $props.disabled
@@ -13696,13 +13678,16 @@ function Checkboxvue_type_template_id_022a53e1_render(_ctx, _cache, $props, $set
     onChange: _cache[2] || (_cache[2] = function () {
       return $setup.changeMv && $setup.changeMv.apply($setup, arguments);
     })
-  }, null, 40, ["disabled", "value", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelCheckbox"], $setup.mv]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Checkboxvue_type_template_id_022a53e1_hoisted_1, [_ctx.$slots.default ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {
+  }, null, 40, ["disabled", "value", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelCheckbox"], $setup.mv]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+    class: "ev-checkbox-label",
+    title: $props.label
+  }, [_ctx.$slots.default ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {
     key: 0
   }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
     key: 1
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.label), 1)], 64))])], 2);
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.label), 1)], 64))], 8, ["title"])], 2);
 }
-// CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=template&id=022a53e1
+// CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=template&id=14485370
 
 // EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
 var runtime = __webpack_require__("96cf");
@@ -13880,8 +13865,8 @@ function _asyncToGenerator(fn) {
 });
 // CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=style&index=0&id=022a53e1&lang=scss
-var Checkboxvue_type_style_index_0_id_022a53e1_lang_scss = __webpack_require__("dea5");
+// EXTERNAL MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=style&index=0&id=14485370&lang=scss
+var Checkboxvue_type_style_index_0_id_14485370_lang_scss = __webpack_require__("9a99");
 
 // CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue
 
@@ -13891,7 +13876,7 @@ var Checkboxvue_type_style_index_0_id_022a53e1_lang_scss = __webpack_require__("
 
 
 
-const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_lang_js, [['render',Checkboxvue_type_template_id_022a53e1_render]])
+const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_lang_js, [['render',Checkboxvue_type_template_id_14485370_render]])
 
 /* harmony default export */ var Checkbox = (Checkbox_exports_);
 // CONCATENATED MODULE: ./src/components/checkbox/index.js
@@ -15968,6 +15953,14 @@ function getPrecision(v) {
 function checkNullAndUndefined(value) {
   return value === null || value === undefined;
 }
+/**
+ * Check if the device is mobile
+ * @returns {boolean}
+ */
+
+function mobileCheck() {
+  return /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || 'ontouchstart' in window || navigator.maxTouchPoints;
+}
 // CONCATENATED MODULE: ./src/components/inputNumber/uses.js
 
 
@@ -27290,40 +27283,40 @@ 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=57ece521&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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=5884b7ad&scoped=true
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-57ece521");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-5884b7ad");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-57ece521");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-5884b7ad");
 
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_2 = {
   ref: "table"
 };
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_3 = {
   key: 0
 };
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_4 = {
   key: 0
 };
 
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var Gridvue_type_template_id_57ece521_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_6 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$$props$option$cu;
 
   var _component_grid_option_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-option-button");
@@ -27336,6 +27329,8 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
 
   var _component_grid_sort_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-sort-button");
 
+  var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
+
   var _component_ev_context_menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-context-menu");
 
   var _component_grid_summary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-summary");
@@ -27392,13 +27387,16 @@ var Gridvue_type_template_id_57ece521_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_57ece521_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_5884b7ad_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,
       'non-border': !!$setup.borderStyle
     },
-    style: "width: ".concat(_ctx.minWidth, "px;")
+    style: {
+      width: "".concat(_ctx.minWidth, "px"),
+      'border-right': '1px solid #CFCFCF'
+    }
   }, [_ctx.useCheckbox.use && _ctx.useCheckbox.headerCheck && _ctx.useCheckbox.mode !== 'single' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox, {
     key: 0,
     modelValue: _ctx.isHeaderChecked,
@@ -27420,7 +27418,8 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
       style: {
         width: "".concat(column.width, "px"),
         'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
-        'margin-right': _ctx.orderedColumns.length - 1 === index && (_ctx.hasVerticalScrollBar || _ctx.hasHorizontalScrollBar) ? "".concat(_ctx.scrollWidth, "px") : '0px'
+        'margin-right': _ctx.orderedColumns.length - 1 === index && (_ctx.hasVerticalScrollBar || _ctx.hasHorizontalScrollBar) ? "".concat(_ctx.scrollWidth, "px") : '0px',
+        'border-right': _ctx.orderedColumns.length - 1 === index ? 'none' : '1px solid #CFCFCF'
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       title: column.caption,
@@ -27477,7 +27476,7 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
       style: {
         height: "".concat(_ctx.rowHeight, "px"),
         'line-height': "".concat(_ctx.rowHeight, "px"),
-        visibility: !!_ctx.sortOrder ? _ctx.hidden : true
+        visibility: !!_ctx.sortOrder ? column.hidden : true
       }
     }, null, 8, ["class", "icon", "style"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64))], 8, ["onClick"])], 8, ["title", "onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       class: "column-resize",
@@ -27492,10 +27491,8 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
       'non-border': !!$setup.borderStyle
     },
     style: {
-      position: 'sticky',
-      right: 0,
-      width: '40px',
-      'min-width': '40px',
+      width: '30px',
+      'min-width': '30px',
       'margin-right': _ctx.hasVerticalScrollBar || _ctx.hasHorizontalScrollBar ? "".concat(_ctx.scrollWidth, "px") : '0px'
     }
   }, null, 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], $setup.showHeader]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
@@ -27506,12 +27503,12 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
       'bottom-border': !!_ctx.viewStore.length,
       'non-border': !!$setup.borderStyle
     },
-    onScroll: _cache[5] || (_cache[5] = function () {
+    onScroll: _cache[7] || (_cache[7] = function () {
       return $setup.onScroll && $setup.onScroll.apply($setup, arguments);
     }),
-    onContextmenu: [_cache[6] || (_cache[6] = function ($event) {
+    onContextmenu: [_cache[8] || (_cache[8] = function ($event) {
       return $setup.onContextMenu($event);
-    }), _cache[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+    }), _cache[9] || (_cache[9] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
       var _ctx$menu;
 
       return _ctx.menu.show && (_ctx$menu = _ctx.menu).show.apply(_ctx$menu, arguments);
@@ -27519,7 +27516,7 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollTopHeight, "px;"),
     class: "vscroll-spacer"
-  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_57ece521_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(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"])(_ctx.viewStore, function (row, rowIndex) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(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"])(_ctx.viewStore, function (row, rowIndex) {
     var _ctx$$props$option$cu2;
 
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", {
@@ -27544,7 +27541,11 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
         'row-checkbox': true,
         'non-border': !!$setup.borderStyle
       },
-      style: "width: ".concat(_ctx.minWidth, "px; height: ").concat(_ctx.rowHeight, "px;")
+      style: {
+        width: "".concat(_ctx.minWidth, "px"),
+        height: "".concat(_ctx.rowHeight, "px"),
+        'border-right': '1px solid #CFCFCF'
+      }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_checkbox, {
       modelValue: row[1],
       "onUpdate:modelValue": function onUpdateModelValue($event) {
@@ -27571,9 +27572,10 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
           width: "".concat(column.width, "px"),
           height: "".concat(_ctx.rowHeight, "px"),
           'line-height': "".concat(_ctx.rowHeight, "px"),
-          'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px")
+          'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
+          'border-right': _ctx.orderedColumns.length - 1 === column.index ? 'none' : '1px solid #CFCFCF'
         }
-      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_57ece521_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
+      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -27585,24 +27587,36 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
     }), 128)), (_ctx$$props$option$cu2 = _ctx.$props.option.customContextMenu) !== null && _ctx$$props$option$cu2 !== void 0 && _ctx$$props$option$cu2.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("td", {
       key: 1,
       class: {
-        cell: true,
+        'row-contextmenu': true,
         'non-border': !!$setup.borderStyle
       },
       style: {
         position: 'sticky',
         right: 0,
-        width: '40px',
+        width: '30px',
         height: "".concat(_ctx.rowHeight, "px"),
-        'min-width': '40px',
+        'min-width': '30px',
         'line-height': "".concat(_ctx.rowHeight, "px")
       }
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_grid_option_button, {
+    }, [_ctx.$slots.contextmenuIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 0,
       class: "row-contextmenu__btn",
       onClick: [_cache[4] || (_cache[4] = function ($event) {
         return $setup.onContextMenu($event);
+      }), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+        var _ctx$menu2;
+
+        return _ctx.menu.show && (_ctx$menu2 = _ctx.menu).show.apply(_ctx$menu2, arguments);
+      }, ["prevent"]))]
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "contextmenuIcon")])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
+      key: 1,
+      icon: "ev-icon-warning2",
+      class: "row-contextmenu__btn",
+      onClick: [_cache[6] || (_cache[6] = function ($event) {
+        return $setup.onContextMenu($event);
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(_ctx.menu.show, ["prevent"])]
-    }, null, 8, ["onClick"])], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 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_57ece521_scoped_true_hoisted_4, [Gridvue_type_template_id_57ece521_scoped_true_hoisted_5])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+    }, null, 8, ["onClick"]))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 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_5884b7ad_scoped_true_hoisted_4, [Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_5])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), 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, {
@@ -27611,7 +27625,7 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
   }, null, 8, ["items"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
     ref: "columnMenu",
     items: _ctx.columnMenuItems
-  }, 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_57ece521_scoped_true_hoisted_6, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_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", Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_6, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
@@ -27628,7 +27642,7 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
   }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option", "scroll-left"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
     key: 2,
     modelValue: _ctx.currentPage,
-    "onUpdate:modelValue": _cache[8] || (_cache[8] = function ($event) {
+    "onUpdate:modelValue": _cache[10] || (_cache[10] = function ($event) {
       return _ctx.currentPage = $event;
     }),
     total: _ctx.pageTotal,
@@ -27638,7 +27652,7 @@ var Gridvue_type_template_id_57ece521_scoped_true_render = /*#__PURE__*/_withId(
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=57ece521&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=5884b7ad&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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.toolbar.vue?vue&type=template&id=481d025f
 
@@ -28057,30 +28071,30 @@ var grid_summaryvue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true = __web
 const grid_summary_exports_ = /*#__PURE__*/exportHelper_default()(grid_summaryvue_type_script_lang_js, [['render',grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render],['__scopeId',"data-v-fd0ffe52"]])
 
 /* harmony default export */ var grid_summary = (grid_summary_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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.columnSetting.vue?vue&type=template&id=2b698c88
+// 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.columnSetting.vue?vue&type=template&id=01f79a26
 
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_1 = {
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_1 = {
   class: "ev-grid-column-setting__header"
 };
 
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
   class: "header-title"
 }, " Column List ", -1);
 
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_3 = {
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_3 = {
   class: "ev-grid-column-setting__content"
 };
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_4 = {
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_4 = {
   key: 1,
   class: "is-empty"
 };
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_5 = {
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_5 = {
   class: "ev-grid-column-setting__footer"
 };
 
-var grid_columnSettingvue_type_template_id_2b698c88_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
+var grid_columnSettingvue_type_template_id_01f79a26_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
 
-function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $props, $setup, $data, $options) {
+function grid_columnSettingvue_type_template_id_01f79a26_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
 
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -28098,7 +28112,7 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
     ref: "columnSettingWrapper",
     class: "ev-grid-column-setting",
     style: $setup.columnSettingStyle
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_2b698c88_hoisted_1, [grid_columnSettingvue_type_template_id_2b698c88_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_text_field, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_1, [grid_columnSettingvue_type_template_id_01f79a26_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_text_field, {
     modelValue: $setup.searchVm,
     "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
       return $setup.searchVm = $event;
@@ -28106,7 +28120,7 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
     type: "search",
     placeholder: "Search",
     onInput: $setup.onSearchColumn
-  }, null, 8, ["modelValue", "onInput"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_2b698c88_hoisted_3, [$setup.columnList.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox_group, {
+  }, null, 8, ["modelValue", "onInput"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_3, [$setup.columnList.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox_group, {
     key: 0,
     modelValue: $setup.checkColumnGroup,
     "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
@@ -28123,18 +28137,18 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
       }), 128))];
     }),
     _: 1
-  }, 8, ["modelValue", "onChange"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("p", grid_columnSettingvue_type_template_id_2b698c88_hoisted_4, " No records "))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_2b698c88_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
+  }, 8, ["modelValue", "onChange"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("p", grid_columnSettingvue_type_template_id_01f79a26_hoisted_4, " No records "))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
     type: "primary",
     disabled: $setup.isDisabled,
     onClick: $setup.onApplyColumn
   }, {
     default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-      return [grid_columnSettingvue_type_template_id_2b698c88_hoisted_6];
+      return [grid_columnSettingvue_type_template_id_01f79a26_hoisted_6];
     }),
     _: 1
   }, 8, ["disabled", "onClick"])])], 4), [[_directive_clickoutside, $setup.hideColumnSetting]])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
 }
-// CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=template&id=2b698c88
+// CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=template&id=01f79a26
 
 // 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/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.columnSetting.vue?vue&type=script&lang=js
 
@@ -28271,6 +28285,7 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
       checkColumnGroup.value = ((_originColumnList$val = originColumnList.value) === null || _originColumnList$val === void 0 ? void 0 : _originColumnList$val.map(function (col) {
         return col.label;
       })) || [];
+      applyColumnList.value.length = 0;
     };
 
     var hideColumnSetting = function hideColumnSetting() {
@@ -28297,7 +28312,8 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
     }, function () {
       setColumns();
     }, {
-      immediate: true
+      immediate: true,
+      deep: true
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return isShowColumnSetting.value;
@@ -28367,8 +28383,8 @@ function grid_columnSettingvue_type_template_id_2b698c88_render(_ctx, _cache, $p
 });
 // CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=style&index=0&id=2b698c88&lang=scss
-var grid_columnSettingvue_type_style_index_0_id_2b698c88_lang_scss = __webpack_require__("99b0");
+// EXTERNAL MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=style&index=0&id=01f79a26&lang=scss
+var grid_columnSettingvue_type_style_index_0_id_01f79a26_lang_scss = __webpack_require__("bcaf");
 
 // CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue
 
@@ -28378,7 +28394,7 @@ var grid_columnSettingvue_type_style_index_0_id_2b698c88_lang_scss = __webpack_r
 
 
 
-const grid_columnSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_columnSettingvue_type_script_lang_js, [['render',grid_columnSettingvue_type_template_id_2b698c88_render]])
+const grid_columnSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_columnSettingvue_type_script_lang_js, [['render',grid_columnSettingvue_type_template_id_01f79a26_render]])
 
 /* harmony default export */ var grid_columnSetting = (grid_columnSetting_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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.sortButton.vue?vue&type=template&id=f56c261c
@@ -28775,7 +28791,8 @@ var uses_resizeEvent = function resizeEvent(params) {
       stores = params.stores,
       isRenderer = params.isRenderer,
       updateVScroll = params.updateVScroll,
-      updateHScroll = params.updateHScroll;
+      updateHScroll = params.updateHScroll,
+      contextInfo = params.contextInfo;
   /**
    * 고정 너비, 스크롤 유무 등에 따른 컬럼 너비를 계산한다.
    */
@@ -28797,10 +28814,6 @@ var uses_resizeEvent = function resizeEvent(params) {
           return acc;
         }
 
-        if (cur.field === 'db-icon' || cur.field === 'user-icon') {
-          cur.width = resizeInfo.iconWidth;
-        }
-
         if (cur.width) {
           acc.totalWidth += cur.width;
         } else {
@@ -28809,7 +28822,7 @@ var uses_resizeEvent = function resizeEvent(params) {
 
         return acc;
       }, {
-        totalWidth: 0,
+        totalWidth: contextInfo.customContextMenu.length ? 30 : 0,
         emptyCount: 0
       });
 
@@ -28999,19 +29012,18 @@ var uses_clickEvent = function clickEvent(params) {
   var lastIndex = -1;
 
   var onRowClick = function onRowClick(event, row) {
-    var _event$target$parentE, _event$target$classLi;
+    var _event$target$parentE, _event$target$closest, _event$target$closest2;
 
-    if ((_event$target$parentE = event.target.parentElement.classList) !== null && _event$target$parentE !== void 0 && _event$target$parentE.contains('row-checkbox-input') || (_event$target$classLi = event.target.classList) !== null && _event$target$classLi !== void 0 && _event$target$classLi.contains('row-contextmenu__btn')) {
+    if ((_event$target$parentE = event.target.parentElement.classList) !== null && _event$target$parentE !== void 0 && _event$target$parentE.contains('row-checkbox-input') || (_event$target$closest = event.target.closest('td')) !== null && _event$target$closest !== void 0 && (_event$target$closest2 = _event$target$closest.classList) !== null && _event$target$closest2 !== void 0 && _event$target$closest2.contains('row-contextmenu')) {
       return false;
     }
 
     var onMultiSelectByKey = function onMultiSelectByKey(keyType, selected, selectedRow) {
       if (keyType === 'shift') {
-        // shift
         var rowIndex = row[ROW_INDEX];
 
         if (lastIndex > -1) {
-          var _loop = function _loop(i) {
+          for (var i = Math.min(rowIndex, lastIndex); i <= Math.max(rowIndex, lastIndex); i++) {
             if (!selected) {
               stores.originStore[i][uses_ROW_SELECT_INDEX] = true;
 
@@ -29020,21 +29032,20 @@ var uses_clickEvent = function clickEvent(params) {
               }
             } else {
               stores.originStore[i][uses_ROW_SELECT_INDEX] = false;
-              var deselectedIndex = selectInfo.selectedRow.findIndex(function (sr) {
-                return sr === stores.originStore[i][uses_ROW_DATA_INDEX];
-              });
-              selectInfo.selectedRow.splice(deselectedIndex, 1);
-            }
-          };
+              var deselectedIndex = selectInfo.selectedRow.indexOf(stores.originStore[i][uses_ROW_DATA_INDEX]);
 
-          for (var i = Math.min(rowIndex, lastIndex); i <= Math.max(rowIndex, lastIndex); i++) {
-            _loop(i);
+              if (deselectedIndex > -1) {
+                selectInfo.selectedRow.splice(deselectedIndex, 1);
+              }
+            }
           }
         }
-      } else if (selected) {
-        selectInfo.selectedRow.splice(selectInfo.selectedRow.indexOf(row[uses_ROW_DATA_INDEX]), 1);
-      } else {
-        selectInfo.selectedRow.push(selectedRow);
+      } else if (keyType === 'ctrl') {
+        if (!selected) {
+          selectInfo.selectedRow.push(selectedRow);
+        } else {
+          selectInfo.selectedRow.splice(selectInfo.selectedRow.indexOf(row[uses_ROW_DATA_INDEX]), 1);
+        }
       }
     };
 
@@ -29052,7 +29063,7 @@ var uses_clickEvent = function clickEvent(params) {
           keyType = 'ctrl';
         }
 
-        if (selectInfo.multiple) {
+        if (selectInfo.multiple && keyType) {
           // multi select
           onMultiSelectByKey(keyType, selected, rowData);
         } else if (selected) {
@@ -29254,7 +29265,7 @@ var uses_sortEvent = function sortEvent(params) {
 
 
   var setSort = function setSort() {
-    var _stores$orderedColumn;
+    var _stores$originColumns;
 
     var setDesc = function setDesc(a, b) {
       return a > b ? -1 : 1;
@@ -29284,7 +29295,7 @@ var uses_sortEvent = function sortEvent(params) {
     }
 
     var index = getColumnIndex(sortInfo.sortField);
-    var type = ((_stores$orderedColumn = stores.orderedColumns[index]) === null || _stores$orderedColumn === void 0 ? void 0 : _stores$orderedColumn.type) || 'string';
+    var type = ((_stores$originColumns = stores.originColumns[index]) === null || _stores$originColumns === void 0 ? void 0 : _stores$originColumns.type) || 'string';
     var sortFn = sortInfo.sortOrder === 'desc' ? setDesc : setAsc;
     var numberSortFn = sortInfo.sortOrder === 'desc' ? numberSetDesc : numberSetAsc;
 
@@ -29293,10 +29304,10 @@ var uses_sortEvent = function sortEvent(params) {
       var bCol = b[uses_ROW_DATA_INDEX][index];
 
       if (a[uses_ROW_DATA_INDEX][index] && _typeof(a[uses_ROW_DATA_INDEX][index]) === 'object') {
-        var _stores$orderedColumn2, _stores$orderedColumn3;
+        var _stores$originColumns2, _stores$originColumns3;
 
-        aCol = a[uses_ROW_DATA_INDEX][index][(_stores$orderedColumn2 = stores.orderedColumns[index]) === null || _stores$orderedColumn2 === void 0 ? void 0 : _stores$orderedColumn2.field];
-        bCol = b[uses_ROW_DATA_INDEX][index][(_stores$orderedColumn3 = stores.orderedColumns[index]) === null || _stores$orderedColumn3 === void 0 ? void 0 : _stores$orderedColumn3.field];
+        aCol = a[uses_ROW_DATA_INDEX][index][(_stores$originColumns2 = stores.originColumns[index]) === null || _stores$originColumns2 === void 0 ? void 0 : _stores$originColumns2.field];
+        bCol = b[uses_ROW_DATA_INDEX][index][(_stores$originColumns3 = stores.originColumns[index]) === null || _stores$originColumns3 === void 0 ? void 0 : _stores$originColumns3.field];
       }
 
       return {
@@ -29452,9 +29463,6 @@ var uses_filterEvent = function filterEvent(params) {
   };
 };
 var uses_contextMenuEvent = function contextMenuEvent(params) {
-  var _getCurrentInstance5 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      emit = _getCurrentInstance5.emit;
-
   var contextInfo = params.contextInfo,
       stores = params.stores,
       selectInfo = params.selectInfo,
@@ -29481,6 +29489,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
         }
 
         menuItem.selectedRow = row !== null && row !== void 0 ? row : [];
+        menuItem.contextmenuInfo = [selectInfo.contextmenuInfo];
         return menuItem;
       });
       menuItems.push.apply(menuItems, _toConsumableArray(customItems));
@@ -29509,7 +29518,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
       }, {
         text: 'Hide',
         iconClass: 'ev-icon-visibility-off',
-        disabled: !useColumnSetting.value,
+        disabled: !useColumnSetting.value || stores.orderedColumns.length === 1,
         click: function click() {
           return setColumnHidden(column.field);
         }
@@ -29528,13 +29537,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
 
     var target = event.target;
     var rowIndex = (_target$closest = target.closest('.row')) === null || _target$closest === void 0 ? void 0 : (_target$closest$datas = _target$closest.dataset) === null || _target$closest$datas === void 0 ? void 0 : _target$closest$datas.index;
-
-    if (target.classList.contains('row-contextmenu__btn')) {
-      setContextMenu();
-      return;
-    }
-
-    var clickedRow;
+    var clickedRow = null;
 
     if (rowIndex) {
       var _stores$viewStore$fin;
@@ -29545,13 +29548,8 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     }
 
     if (clickedRow) {
-      selectInfo.selectedRow = clickedRow;
+      selectInfo.contextmenuInfo = clickedRow;
       setContextMenu();
-      emit('update:selected', [clickedRow]);
-    } else {
-      selectInfo.selectedRow = [];
-      setContextMenu(false);
-      emit('update:selected', []);
     }
   };
 
@@ -29562,8 +29560,8 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
   };
 };
 var uses_storeEvent = function storeEvent(params) {
-  var _getCurrentInstance6 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      props = _getCurrentInstance6.props;
+  var _getCurrentInstance5 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance5.props;
 
   var selectInfo = params.selectInfo,
       checkInfo = params.checkInfo,
@@ -29619,8 +29617,8 @@ var uses_storeEvent = function storeEvent(params) {
   };
 };
 var uses_pagingEvent = function pagingEvent(params) {
-  var _getCurrentInstance7 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      emit = _getCurrentInstance7.emit;
+  var _getCurrentInstance6 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      emit = _getCurrentInstance6.emit;
 
   var stores = params.stores,
       pageInfo = params.pageInfo,
@@ -29693,12 +29691,13 @@ var uses_pagingEvent = function pagingEvent(params) {
   };
 };
 var uses_columnSettingEvent = function columnSettingEvent(params) {
-  var _getCurrentInstance8 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      props = _getCurrentInstance8.props;
+  var _getCurrentInstance7 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance7.props;
 
   var stores = params.stores,
       columnSettingInfo = params.columnSettingInfo,
-      onSearch = params.onSearch;
+      onSearch = params.onSearch,
+      onResize = params.onResize;
 
   var setColumnSetting = function setColumnSetting() {
     columnSettingInfo.isShowColumnSetting = true;
@@ -29725,11 +29724,14 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     if (props.option.searchValue) {
       onSearch(props.option.searchValue);
     }
+
+    onResize();
   };
 
   var onApplyColumn = function onApplyColumn(columns) {
+    columnSettingInfo.hiddenColumn = '';
     stores.filteredColumns = stores.originColumns.filter(function (cur) {
-      return columns.includes(cur.field);
+      return columns.includes(cur.field) || !cur.caption;
     });
     setFilteringColumn();
   };
@@ -29982,6 +29984,7 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       hasHorizontalScrollBar: false
     });
     var selectInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+      contextmenuInfo: props.contextmenuInfo,
       selectedRow: props.selected,
       useSelect: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         var _props$option$useSele, _props$option3, _props$option3$useSel;
@@ -30126,7 +30129,8 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       filterInfo: filterInfo,
       isRenderer: isRenderer,
       updateVScroll: updateVScroll,
-      updateHScroll: updateHScroll
+      updateHScroll: updateHScroll,
+      contextInfo: contextInfo
     }),
         calculatedColumn = _resizeEvent.calculatedColumn,
         onResize = _resizeEvent.onResize,
@@ -30136,7 +30140,8 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     var _columnSettingEvent = uses_columnSettingEvent({
       stores: stores,
       columnSettingInfo: columnSettingInfo,
-      onSearch: onSearch
+      onSearch: onSearch,
+      onResize: onResize
     }),
         setColumnSetting = _columnSettingEvent.setColumnSetting,
         initColumnSettingInfo = _columnSettingEvent.initColumnSettingInfo,
@@ -30168,8 +30173,8 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     }, function () {
       sortInfo.isSorting = false;
       sortInfo.sortField = '';
-      initColumnSettingInfo();
       setSort();
+      initColumnSettingInfo();
     }, {
       deep: true
     });
@@ -30411,15 +30416,14 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       onSearch: onSearch,
       setColumnSetting: setColumnSetting,
       onApplyColumn: onApplyColumn,
-      setColumnHidden: setColumnHidden,
       onColumnContextMenu: onColumnContextMenu
     });
   }
 });
 // 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=57ece521&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_57ece521_lang_scss_scoped_true = __webpack_require__("b15f");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=5884b7ad&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true = __webpack_require__("3b5d");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30429,7 +30433,7 @@ var Gridvue_type_style_index_0_id_57ece521_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_57ece521_scoped_true_render],['__scopeId',"data-v-57ece521"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_5884b7ad_scoped_true_render],['__scopeId',"data-v-5884b7ad"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -34623,10 +34627,6 @@ var AXIS_OPTION = {
     }
   }
 };
-var PLOT_LINE_OPTION = {
-  color: '#FF0000',
-  lineWidth: 1
-};
 var PLOT_LINE_LABEL_OPTION = {
   show: false,
   fontSize: 12,
@@ -34642,6 +34642,11 @@ var PLOT_LINE_LABEL_OPTION = {
   // 'none', 'ellipsis'
   maxWidth: null
 };
+var PLOT_LINE_OPTION = {
+  color: '#FF0000',
+  lineWidth: 1,
+  label: PLOT_LINE_LABEL_OPTION
+};
 var PLOT_BAND_OPTION = {
   color: '#FAE59D'
 };
@@ -38464,7 +38469,7 @@ var scale_Scale = /*#__PURE__*/function () {
     }
     /**
      * Draw X Plot line
-     * @param {object} dataX         Data's X Position
+     * @param {number} dataX         Data's X Position
      * @param {number} minX          Min X Position
      * @param {number} maxX          Max X Position
      * @param {number} minY          Min Y Position
@@ -38484,15 +38489,17 @@ var scale_Scale = /*#__PURE__*/function () {
         return;
       }
 
-      ctx.moveTo(dataX, maxY);
-      ctx.lineTo(dataX, minY);
+      var dataXPos = dataX;
+      dataXPos += helpers_util.aliasPixel(ctx.lineWidth);
+      ctx.moveTo(dataXPos, maxY);
+      ctx.lineTo(dataXPos, minY);
       ctx.stroke();
       ctx.restore();
       ctx.closePath();
     }
     /**
      * Draw Y Plot line
-     * @param {object} dataY         Data's Y Position
+     * @param {number} dataY         Data's Y Position
      * @param {number} minX          Min X Position
      * @param {number} maxX          Max X Position
      * @param {number} minY          Min Y Position
@@ -38512,8 +38519,10 @@ var scale_Scale = /*#__PURE__*/function () {
         return;
       }
 
-      ctx.moveTo(minX, dataY);
-      ctx.lineTo(maxX, dataY);
+      var dataYPos = dataY;
+      dataYPos += helpers_util.aliasPixel(ctx.lineWidth);
+      ctx.moveTo(minX, dataYPos);
+      ctx.lineTo(maxX, dataYPos);
       ctx.stroke();
       ctx.restore();
       ctx.closePath();
@@ -42681,7 +42690,7 @@ var plugins_interaction_modules = {
     this.onMouseMove = function (e) {
       var _this$dragInfo;
 
-      if ((_this$dragInfo = _this.dragInfo) !== null && _this$dragInfo !== void 0 && _this$dragInfo.isMove) {
+      if ((_this$dragInfo = _this.dragInfo) !== null && _this$dragInfo !== void 0 && _this$dragInfo.isMove || _this.isMobile) {
         return;
       }
 
@@ -42965,10 +42974,53 @@ var plugins_interaction_modules = {
           }
 
         case 'pie':
+          {
+            if (useSelectItem) {
+              setSelectedItemInfo();
+            }
+
+            break;
+          }
+
         case 'scatter':
           {
+            var _this$options$dragSel;
+
             if (useSelectItem) {
               setSelectedItemInfo();
+            } // 모바일용 dragSelection
+
+
+            if ((_this$options$dragSel = _this.options.dragSelection) !== null && _this$options$dragSel !== void 0 && _this$options$dragSel.use && _this.isMobile) {
+              var touchInfo = _this.setTouchInfo(e);
+
+              _this.overlayClear();
+
+              if (_this.options.dragSelection.keepDisplay && (e.layerX < touchInfo.range.x1 || e.layerY < touchInfo.range.y1 || e.layerX > touchInfo.range.x2 || e.layerY > touchInfo.range.y2)) {
+                _this.isTouchOverlay = false;
+              } else {
+                touchInfo = _this.setTouchBoxDimensions(touchInfo);
+                _this.isTouchOverlay = true;
+
+                _this.drawSelectionArea(touchInfo);
+              }
+
+              if (!_this.options.dragSelection.keepDisplay) {
+                setTimeout(function () {
+                  _this.isTouchOverlay = false;
+
+                  _this.overlayClear();
+                }, 100);
+              }
+
+              args.e = e;
+              args.touchInfo = touchInfo;
+              args.data = _this.findSelectedItems(touchInfo);
+              args.range = _this.getSelectionRange(touchInfo);
+
+              if (typeof _this.listeners['drag-select'] === 'function') {
+                _this.listeners['drag-select'](args);
+              }
             }
 
             break;
@@ -43020,6 +43072,12 @@ var plugins_interaction_modules = {
     this.overlayCanvas.addEventListener('dblclick', this.onDblClick);
     this.overlayCanvas.addEventListener('click', this.onClick);
     this.overlayCanvas.addEventListener('mousedown', this.onMouseDown);
+
+    this.dragTouchSelectionEvent = function (e) {
+      return _this.dragTouchSelectionDestroy(e);
+    };
+
+    window.addEventListener('click', this.dragTouchSelectionEvent);
   },
 
   /**
@@ -43198,9 +43256,9 @@ var plugins_interaction_modules = {
         width = _ref.width,
         height = _ref.height;
     var ctx = this.overlayCtx;
-    var _this$options$dragSel = this.options.dragSelection,
-        fillColor = _this$options$dragSel.fillColor,
-        opacity = _this$options$dragSel.opacity;
+    var _this$options$dragSel2 = this.options.dragSelection,
+        fillColor = _this$options$dragSel2.fillColor,
+        opacity = _this$options$dragSel2.opacity;
     ctx.fillStyle = fillColor;
     ctx.globalAlpha = opacity;
     ctx.fillRect(xsp, ysp, width, height);
@@ -43290,6 +43348,104 @@ var plugins_interaction_modules = {
     return curMouseTargetVal;
   },
 
+  /**
+   * Processes touch event to determine touch position within the chart.
+   *
+   * @param {TouchEvent} event - the touch event to process
+   * @returns {object} - the processed touch information
+   */
+  setTouchInfo: function setTouchInfo(event) {
+    var _this$getMousePositio3 = this.getMousePosition(event),
+        _this$getMousePositio4 = _slicedToArray(_this$getMousePositio3, 2),
+        offsetX = _this$getMousePositio4[0],
+        offsetY = _this$getMousePositio4[1];
+
+    var chartRect = this.chartRect;
+    var labelOffset = this.labelOffset;
+    var range = {
+      x1: chartRect.x1 + labelOffset.left,
+      x2: chartRect.x2 - labelOffset.right,
+      y1: chartRect.y1 + labelOffset.top,
+      y2: chartRect.y2 - labelOffset.bottom
+    };
+    offsetX = Math.max(range.x1, Math.min(offsetX, range.x2));
+    offsetY = Math.max(range.y1, Math.min(offsetY, range.y2));
+    return {
+      xcp: offsetX,
+      ycp: offsetY,
+      range: range
+    };
+  },
+
+  /**
+   * Adjusts the touch box dimensions based on the provided touch information.
+   *
+   * @param {object} touchInfo - The touch information including touch position and plotting range
+   * @returns {object} - The adjusted touch information
+   */
+  setTouchBoxDimensions: function setTouchBoxDimensions(touchInfo) {
+    var _this$options$dragSel3;
+
+    var boxSize = ((_this$options$dragSel3 = this.options.dragSelection) === null || _this$options$dragSel3 === void 0 ? void 0 : _this$options$dragSel3.size) || 50;
+    var halfBoxSize = boxSize / 2;
+    var xcp = touchInfo.xcp,
+        ycp = touchInfo.ycp,
+        range = touchInfo.range;
+    var xsp = xcp - halfBoxSize;
+    var ysp = ycp - halfBoxSize;
+    var width = boxSize;
+    var height = boxSize;
+    this.boxOverflow = {
+      x1: false,
+      x2: false,
+      y1: false,
+      y2: false
+    };
+
+    if (xcp < range.x1 + halfBoxSize) {
+      xsp = range.x1;
+      width = halfBoxSize - (range.x1 - xcp);
+      this.boxOverflow.x1 = true;
+    }
+
+    if (xcp > range.x2 - halfBoxSize) {
+      width = halfBoxSize - (xcp - range.x2);
+      this.boxOverflow.x2 = true;
+    }
+
+    if (ycp < range.y1 + halfBoxSize) {
+      ysp = range.y1;
+      height = halfBoxSize - (range.y1 - ycp);
+      this.boxOverflow.y1 = true;
+    }
+
+    if (ycp > range.y2 - halfBoxSize) {
+      height = halfBoxSize - (ycp - range.y2);
+      this.boxOverflow.y2 = true;
+    }
+
+    touchInfo.xsp = xsp;
+    touchInfo.ysp = ysp;
+    touchInfo.width = width;
+    touchInfo.height = height;
+    return touchInfo;
+  },
+
+  /**
+   * Remove a touch selection.
+   *
+   * @param {TouchEvent} e - the touch event to process
+   * @returns {undefined}
+   */
+  dragTouchSelectionDestroy: function dragTouchSelectionDestroy(e) {
+    var _this$options$dragSel4;
+
+    if ((_this$options$dragSel4 = this.options.dragSelection) !== null && _this$options$dragSel4 !== void 0 && _this$options$dragSel4.use && e.target !== this.overlayCanvas && this.isTouchOverlay) {
+      this.isTouchOverlay = false;
+      this.overlayClear();
+    }
+  },
+
   /**
    * Find graph item on mouse position
    * @param {array} offset    return value from getMousePosition()
@@ -43712,6 +43868,8 @@ var plugins_interaction_modules = {
    * @returns {object}
    */
   getSelectionRange: function getSelectionRange(_ref6) {
+    var _this$boxOverflow, _this$boxOverflow2, _this$boxOverflow3, _this$boxOverflow4;
+
     var xsp = _ref6.xsp,
         ysp = _ref6.ysp,
         width = _ref6.width,
@@ -43732,15 +43890,15 @@ var plugins_interaction_modules = {
     var xMaxRatio = this.getRatioInRange(range.x1, range.x2, xep);
     var yMinRatio = this.getRatioInRange(range.y1, range.y2, yep);
     var yMaxRatio = this.getRatioInRange(range.y1, range.y2, ysp);
-    var xMin = dataRangeX.graphMin + graphWidth * xMinRatio;
-    var xMax = dataRangeX.graphMin + graphWidth * xMaxRatio;
-    var yMin = dataRangeY.graphMin + graphHeight * (1 - yMinRatio);
-    var yMax = dataRangeY.graphMin + graphHeight * (1 - yMaxRatio);
+    var xMin = this.isMobile && (_this$boxOverflow = this.boxOverflow) !== null && _this$boxOverflow !== void 0 && _this$boxOverflow.x1 ? Math.min(this.minMax.x[0].min, dataRangeX.graphMin) : Math.max(dataRangeX.graphMin + graphWidth * xMinRatio, dataRangeX.graphMin);
+    var xMax = this.isMobile && (_this$boxOverflow2 = this.boxOverflow) !== null && _this$boxOverflow2 !== void 0 && _this$boxOverflow2.x2 ? Math.max(this.minMax.x[0].max, dataRangeX.graphMax) : Math.min(dataRangeX.graphMin + graphWidth * xMaxRatio, dataRangeX.graphMax);
+    var yMin = this.isMobile && (_this$boxOverflow3 = this.boxOverflow) !== null && _this$boxOverflow3 !== void 0 && _this$boxOverflow3.y2 ? Math.min(this.minMax.y[0].min, dataRangeY.graphMin) : Math.max(dataRangeY.graphMin + graphHeight * (1 - yMinRatio), dataRangeY.graphMin);
+    var yMax = this.isMobile && (_this$boxOverflow4 = this.boxOverflow) !== null && _this$boxOverflow4 !== void 0 && _this$boxOverflow4.y1 ? Math.max(this.minMax.y[0].max, dataRangeY.graphMax) : Math.min(dataRangeY.graphMin + graphHeight * (1 - yMaxRatio), dataRangeY.graphMax);
     return {
-      xMin: Math.max(+parseFloat(xMin).toFixed(3), dataRangeX.graphMin),
-      xMax: Math.min(+parseFloat(xMax).toFixed(3), dataRangeX.graphMax),
-      yMin: Math.max(+parseFloat(yMin).toFixed(3), dataRangeY.graphMin),
-      yMax: Math.min(+parseFloat(yMax).toFixed(3), dataRangeY.graphMax)
+      xMin: +xMin.toFixed(3),
+      xMax: +xMax.toFixed(3),
+      yMin: +yMin.toFixed(3),
+      yMax: +yMax.toFixed(3)
     };
   },
 
@@ -45662,6 +45820,7 @@ var element_tip_modules = {
 
 
 
+
 
 
 var chart_core_EvChart = /*#__PURE__*/function () {
@@ -45688,6 +45847,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       Object.assign(this, plugins_legend_gradient);
     }
 
+    this.isMobile = mobileCheck();
     this.brushSeries = brushSeries;
     this.target = target;
     this.data = data;
@@ -46699,6 +46859,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         this.overlayCanvas.removeEventListener('click', this.onClick);
         this.overlayCanvas.removeEventListener('mousedown', this.onMouseDown);
         this.overlayCanvas.removeEventListener('wheel', this.onWheel);
+        window.removeEventListener('click', this.dragTouchSelectionEvent);
       }
 
       if (this.options.tooltip.use) {
@@ -47541,6 +47702,7 @@ var DEFAULT_OPTIONS = {
   dragSelection: {
     use: false,
     keepDisplay: true,
+    size: 50,
     fillColor: '#38ACEC',
     opacity: 0.65
   },
@@ -49773,37 +49935,41 @@ ChartBrush.install = function (app) {
 };
 
 /* harmony default export */ var chartBrush = (ChartBrush);
-// 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=99e6d310&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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=69ec37c6&scoped=true
 
 
-var TreeGridvue_type_template_id_99e6d310_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-99e6d310");
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-69ec37c6");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-99e6d310");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-69ec37c6");
 
-var TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_2 = {
   ref: "table"
 };
-var TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_3 = {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_3 = {
   key: 0
 };
 
-var TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_5 = {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_5 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_99e6d310_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridvue_type_template_id_69ec37c6_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_69ec37c6_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_grid_option_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-option-button");
+
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
 
+  var _component_column_setting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("column-setting");
+
   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");
@@ -49818,20 +49984,33 @@ var TreeGridvue_type_template_id_99e6d310_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_["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", {
+  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 || $setup.useColumnSetting ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
     key: 0,
+    ref: "toolbarWrapper",
     class: "toolbar-wrapper",
     style: "width: ".concat(_ctx.gridWidth, ";")
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_toolbar, null, {
-    toolbarWrapper: TreeGridvue_type_template_id_99e6d310_scoped_true_withId(function () {
-      return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
+    toolbarWrapper: TreeGridvue_type_template_id_69ec37c6_scoped_true_withId(function () {
+      return [$setup.useColumnSetting ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_option_button, {
+        key: 0,
+        class: "column-setting__icon",
+        onClick: $setup.setColumnSetting
+      }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbar", {
         item: {
           onSearch: $setup.onSearch
         }
       })];
     }),
     _: 1
-  })], 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", {
+  }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_column_setting, {
+    "is-show": _ctx.isShowColumnSetting,
+    "onUpdate:is-show": _cache[1] || (_cache[1] = function ($event) {
+      return _ctx.isShowColumnSetting = $event;
+    }),
+    columns: _ctx.$props.columns,
+    "hidden-column": _ctx.hiddenColumn,
+    onApplyColumn: $setup.onApplyColumn
+  }, null, 8, ["is-show", "columns", "hidden-column", "onApplyColumn"])], 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", {
@@ -49840,14 +50019,14 @@ var TreeGridvue_type_template_id_99e6d310_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_99e6d310_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_69ec37c6_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;")
   }, [$setup.isHeaderCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox, {
     key: 0,
     modelValue: _ctx.isHeaderChecked,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
       return _ctx.isHeaderChecked = $event;
     }),
     onChange: $setup.onCheckAll
@@ -49861,8 +50040,17 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
       style: $setup.getColumnStyle(column, index)
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       title: column.caption,
-      class: "column-name"
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(column.caption), 9, ["title"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+      class: ['column-name', {
+        'column-name--click': $setup.useColumnSetting
+      }],
+      onClick: [function ($event) {
+        return $setup.onColumnContextMenu($event, column);
+      }, _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+        var _ctx$columnMenu;
+
+        return _ctx.columnMenu.show && (_ctx$columnMenu = _ctx.columnMenu).show.apply(_ctx$columnMenu, arguments);
+      }, ["prevent"]))]
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(column.caption), 11, ["title", "onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       class: "column-resize",
       onMousedown: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
         return $setup.onColumnResize(index, $event);
@@ -49871,12 +50059,12 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
   }), 128))])], 2), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showHeader]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     ref: "body",
     class: $setup.bodyStyle,
-    onScroll: _cache[2] || (_cache[2] = function () {
+    onScroll: _cache[4] || (_cache[4] = function () {
       return $setup.onScroll && $setup.onScroll.apply($setup, arguments);
     }),
-    onContextmenu: [_cache[3] || (_cache[3] = function ($event) {
+    onContextmenu: [_cache[5] || (_cache[5] = function ($event) {
       return $setup.onContextMenu($event);
-    }), _cache[4] || (_cache[4] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+    }), _cache[6] || (_cache[6] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
       var _ctx$menu;
 
       return _ctx.menu.show && (_ctx$menu = _ctx.menu).show.apply(_ctx$menu, arguments);
@@ -49884,7 +50072,7 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollTopHeight, "px;"),
     class: "vscroll-spacer"
-  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(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"])(_ctx.viewStore, function (node, idx) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(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"])(_ctx.viewStore, function (node, idx) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_tree_grid_node, {
       key: idx,
       "selected-data": _ctx.selectedRow,
@@ -49909,7 +50097,7 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.orderedColumns, function (column, cellIndex) {
       return {
         name: $setup.getSlotName(column.field),
-        fn: TreeGridvue_type_template_id_99e6d310_scoped_true_withId(function (_ref) {
+        fn: TreeGridvue_type_template_id_69ec37c6_scoped_true_withId(function (_ref) {
           var item = _ref.item;
           return [!!_ctx.$slots[column.field] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
             key: 0,
@@ -49924,13 +50112,16 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
         })
       };
     })]), 1032, ["selected-data", "node-data", "use-checkbox", "ordered-columns", "expand-icon", "collapse-icon", "parent-icon", "child-icon", "is-resize", "row-height", "min-width", "highlight-index", "border-style", "onCheckTreeData", "onExpandTreeData", "onClickTreeData", "onDblClickTreeData"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_3, [TreeGridvue_type_template_id_99e6d310_scoped_true_hoisted_4])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), 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_69ec37c6_scoped_true_hoisted_3, [TreeGridvue_type_template_id_69ec37c6_scoped_true_hoisted_4])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), 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_99e6d310_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, null, 8, ["items"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
+    ref: "columnMenu",
+    items: _ctx.columnMenuItems
+  }, 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_69ec37c6_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
@@ -49948,7 +50139,7 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
   }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option", "scroll-left"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
     key: 2,
     modelValue: _ctx.currentPage,
-    "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
+    "onUpdate:modelValue": _cache[7] || (_cache[7] = function ($event) {
       return _ctx.currentPage = $event;
     }),
     total: _ctx.showTreeStore.length,
@@ -49958,23 +50149,31 @@ var TreeGridvue_type_template_id_99e6d310_scoped_true_render = /*#__PURE__*/Tree
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=99e6d310&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=69ec37c6&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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=e68a75aa&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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=c34b4ad2&scoped=true
 
 
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-e68a75aa");
 
-var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-c34b4ad2");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-e68a75aa");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-c34b4ad2");
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_1 = {
+  class: "td-content"
+};
 
-var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_hoisted_1 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
 
-var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("i", null, null, -1);
+
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_4 = {
+  class: "slot-wrapper"
+};
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render = /*#__PURE__*/TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_render = /*#__PURE__*/TreeGridNodevue_type_template_id_e68a75aa_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
 
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
@@ -50011,7 +50210,7 @@ var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render = /*#__PURE__*/
       "data-index": $setup.node.index,
       class: $setup.getColumnClass(column, cellIndex),
       style: $setup.getColumnStyle(column)
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", null, [cellIndex === $setup.expandColumnIdx ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_1, [cellIndex === $setup.expandColumnIdx ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 0,
       style: $setup.getDepthStyle($setup.node.level)
     }, null, 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), cellIndex === $setup.expandColumnIdx ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
@@ -50037,7 +50236,7 @@ var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render = /*#__PURE__*/
       onClick: _cache[4] || (_cache[4] = function ($event) {
         return $setup.onExpand($setup.node);
       })
-    }, [TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_hoisted_1]))], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), cellIndex === $setup.expandColumnIdx && $setup.isDataIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_2]))], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), cellIndex === $setup.expandColumnIdx && $setup.isDataIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 2,
       title: $setup.node[column.field],
       class: {
@@ -50046,15 +50245,15 @@ var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render = /*#__PURE__*/
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       class: $setup.node.hasChild ? $setup.parentIconMV : $setup.childIconMV
-    }, [TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_hoisted_2], 2)], 10, ["title"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !!_ctx.$slots[column.field + 'Node'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field + 'Node', {
-      key: 3,
+    }, [TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_3], 2)], 10, ["title"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridNodevue_type_template_id_e68a75aa_scoped_true_hoisted_4, [!!_ctx.$slots[column.field + 'Node'] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field + 'Node', {
+      key: 0,
       item: {
         data: $setup.node.data
       }
-    }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+    }) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])])], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128))], 42, ["data-index"]);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=c34b4ad2&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=template&id=e68a75aa&scoped=true
 
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/TreeGridNode.vue?vue&type=script&lang=js
 
@@ -50238,8 +50437,8 @@ var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render = /*#__PURE__*/
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=style&index=0&id=c34b4ad2&lang=scss&scoped=true
-var TreeGridNodevue_type_style_index_0_id_c34b4ad2_lang_scss_scoped_true = __webpack_require__("9dac");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGridNode.vue?vue&type=style&index=0&id=e68a75aa&lang=scss&scoped=true
+var TreeGridNodevue_type_style_index_0_id_e68a75aa_lang_scss_scoped_true = __webpack_require__("f75f");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGridNode.vue
 
@@ -50249,18 +50448,18 @@ var TreeGridNodevue_type_style_index_0_id_c34b4ad2_lang_scss_scoped_true = __web
 
 
 
-const TreeGridNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridNodevue_type_script_lang_js, [['render',TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_render],['__scopeId',"data-v-c34b4ad2"]])
+const TreeGridNode_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridNodevue_type_script_lang_js, [['render',TreeGridNodevue_type_template_id_e68a75aa_scoped_true_render],['__scopeId',"data-v-e68a75aa"]])
 
 /* 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=1ca11f2e
+// 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/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=cf230432
 
-var treeGrid_toolbarvue_type_template_id_1ca11f2e_hoisted_1 = {
+var treeGrid_toolbarvue_type_template_id_cf230432_hoisted_1 = {
   class: "tree-grid-toolbar"
 };
-function treeGrid_toolbarvue_type_template_id_1ca11f2e_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_1ca11f2e_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
+function treeGrid_toolbarvue_type_template_id_cf230432_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_cf230432_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=1ca11f2e
+// CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=template&id=cf230432
 
 // 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/cli-service/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 = ({
@@ -50268,8 +50467,8 @@ function treeGrid_toolbarvue_type_template_id_1ca11f2e_render(_ctx, _cache, $pro
 });
 // 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=1ca11f2e&lang=scss
-var treeGrid_toolbarvue_type_style_index_0_id_1ca11f2e_lang_scss = __webpack_require__("7fae");
+// EXTERNAL MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue?vue&type=style&index=0&id=cf230432&lang=scss
+var treeGrid_toolbarvue_type_style_index_0_id_cf230432_lang_scss = __webpack_require__("9ffa");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/treeGrid.toolbar.vue
 
@@ -50279,7 +50478,7 @@ var treeGrid_toolbarvue_type_style_index_0_id_1ca11f2e_lang_scss = __webpack_req
 
 
 
-const treeGrid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(treeGrid_toolbarvue_type_script_lang_js, [['render',treeGrid_toolbarvue_type_template_id_1ca11f2e_render]])
+const treeGrid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(treeGrid_toolbarvue_type_script_lang_js, [['render',treeGrid_toolbarvue_type_template_id_cf230432_render]])
 
 /* harmony default export */ var treeGrid_toolbar = (treeGrid_toolbar_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/uses.js
@@ -51019,7 +51218,9 @@ var treeGrid_uses_contextMenuEvent = function contextMenuEvent(params) {
 
   var contextInfo = params.contextInfo,
       stores = params.stores,
-      selectInfo = params.selectInfo;
+      selectInfo = params.selectInfo,
+      setColumnHidden = params.setColumnHidden,
+      useColumnSetting = params.useColumnSetting;
   /**
    * 컨텍스트 메뉴를 설정한다.
    *
@@ -51047,6 +51248,21 @@ var treeGrid_uses_contextMenuEvent = function contextMenuEvent(params) {
 
     contextInfo.contextMenuItems = menuItems;
   };
+
+  var onColumnContextMenu = function onColumnContextMenu(event, column) {
+    if (event.target.className.includes('column-name--click')) {
+      contextInfo.columnMenuItems = [{
+        text: 'Hide',
+        iconClass: 'ev-icon-visibility-off',
+        disabled: !useColumnSetting.value || stores.orderedColumns.length === 1,
+        click: function click() {
+          return setColumnHidden(column.field);
+        }
+      }];
+    } else {
+      contextInfo.columnMenuItems.length = 0;
+    }
+  };
   /**
    * 마우스 우클릭 이벤트를 처리한다.
    *
@@ -51077,7 +51293,8 @@ var treeGrid_uses_contextMenuEvent = function contextMenuEvent(params) {
 
   return {
     setContextMenu: setContextMenu,
-    onContextMenu: onContextMenu
+    onContextMenu: onContextMenu,
+    onColumnContextMenu: onColumnContextMenu
   };
 };
 var uses_treeEvent = function treeEvent(params) {
@@ -51397,9 +51614,14 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
 
 
 
+
+
+
 /* harmony default export */ var TreeGridvue_type_script_lang_js = ({
   name: 'EvTreeGrid',
   components: {
+    ColumnSetting: grid_columnSetting,
+    GridOptionButton: grid_optionButton,
     treeGridNode: TreeGridNode,
     Toolbar: treeGrid_toolbar,
     GridPagination: grid_pagination,
@@ -51465,10 +51687,16 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
   setup: function setup(props) {
     var _props$option$page2;
 
-    var useSummary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+    var toolbarWrapper = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+    var useColumnSetting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var _props$option;
 
-      return ((_props$option = props.option) === null || _props$option === void 0 ? void 0 : _props$option.useSummary) || false;
+      return ((_props$option = props.option) === null || _props$option === void 0 ? void 0 : _props$option.useColumnSetting) || false;
+    });
+    var useSummary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var _props$option2;
+
+      return ((_props$option2 = props.option) === null || _props$option2 === void 0 ? void 0 : _props$option2.useSummary) || false;
     });
     var elementInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       body: null,
@@ -51481,31 +51709,43 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
       isSearch: false,
       searchWord: ''
     });
+    var columnSettingInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+      isShowColumnSetting: false,
+      isFilteringColumn: false,
+      // hide된 컬럼이 있는지
+      visibleColumnIdx: [],
+      // 보여지는 컬럼의 인덱스 목록
+      hiddenColumn: ''
+    });
     var stores = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       treeStore: [],
       viewStore: [],
       filterStore: [],
       pagingStore: [],
-      treeRows: props.rows,
-      searchStore: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      showTreeStore: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return stores.treeStore.filter(function (item) {
-          return item.isFilter;
+          return item.show;
         });
       }),
-      showTreeStore: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      searchStore: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return stores.treeStore.filter(function (item) {
-          return item.show;
+          return item.isFilter;
         });
       }),
-      orderedColumns: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      store: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        return filterInfo.isSearch ? stores.searchStore : stores.treeStore;
+      }),
+      treeRows: props.rows,
+      filteredColumns: [],
+      originColumns: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return props.columns.map(function (column, index) {
           return _objectSpread2({
             index: index
           }, column);
         });
       }),
-      store: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        return filterInfo.isSearch ? stores.searchStore : stores.treeStore;
+      orderedColumns: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        return stores.filteredColumns.length ? stores.filteredColumns : stores.originColumns;
       })
     });
     var pageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -51586,26 +51826,28 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
     var selectInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       selectedRow: props.selected,
       useSelect: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        var _props$option$useSele, _props$option2, _props$option2$useSel;
+        var _props$option$useSele, _props$option3, _props$option3$useSel;
 
-        return (_props$option$useSele = (_props$option2 = props.option) === null || _props$option2 === void 0 ? void 0 : (_props$option2$useSel = _props$option2.useSelection) === null || _props$option2$useSel === void 0 ? void 0 : _props$option2$useSel.use) !== null && _props$option$useSele !== void 0 ? _props$option$useSele : true;
+        return (_props$option$useSele = (_props$option3 = props.option) === null || _props$option3 === void 0 ? void 0 : (_props$option3$useSel = _props$option3.useSelection) === null || _props$option3$useSel === void 0 ? void 0 : _props$option3$useSel.use) !== null && _props$option$useSele !== void 0 ? _props$option$useSele : true;
       }),
       limitCount: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        var _props$option3, _props$option3$useSel;
+        var _props$option4, _props$option4$useSel;
 
-        var limit = (_props$option3 = props.option) === null || _props$option3 === void 0 ? void 0 : (_props$option3$useSel = _props$option3.useSelection) === null || _props$option3$useSel === void 0 ? void 0 : _props$option3$useSel.limitCount;
+        var limit = (_props$option4 = props.option) === null || _props$option4 === void 0 ? void 0 : (_props$option4$useSel = _props$option4.useSelection) === null || _props$option4$useSel === void 0 ? void 0 : _props$option4$useSel.limitCount;
         limit = !!limit && limit >= 2 ? limit : 0;
         return limit;
       }),
       multiple: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        var _props$option$useSele2, _props$option4, _props$option4$useSel;
+        var _props$option$useSele2, _props$option5, _props$option5$useSel;
 
-        return (_props$option$useSele2 = (_props$option4 = props.option) === null || _props$option4 === void 0 ? void 0 : (_props$option4$useSel = _props$option4.useSelection) === null || _props$option4$useSel === void 0 ? void 0 : _props$option4$useSel.multiple) !== null && _props$option$useSele2 !== void 0 ? _props$option$useSele2 : false;
+        return (_props$option$useSele2 = (_props$option5 = props.option) === null || _props$option5 === void 0 ? void 0 : (_props$option5$useSel = _props$option5.useSelection) === null || _props$option5$useSel === void 0 ? void 0 : _props$option5$useSel.multiple) !== null && _props$option$useSele2 !== void 0 ? _props$option$useSele2 : false;
       })
     });
     var contextInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       menu: null,
       contextMenuItems: [],
+      columnMenu: null,
+      columnMenuItems: [],
       customContextMenu: props.option.customContextMenu || []
     });
     var resizeInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -51718,14 +51960,6 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
         onShow = _resizeEvent.onShow,
         onColumnResize = _resizeEvent.onColumnResize;
 
-    var _contextMenuEvent = treeGrid_uses_contextMenuEvent({
-      contextInfo: contextInfo,
-      stores: stores,
-      selectInfo: selectInfo
-    }),
-        setContextMenu = _contextMenuEvent.setContextMenu,
-        onContextMenu = _contextMenuEvent.onContextMenu;
-
     var _treeEvent = uses_treeEvent({
       stores: stores,
       onResize: onResize
@@ -51745,12 +51979,42 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
     }),
         onSearch = _filterEvent.onSearch;
 
+    var _columnSettingEvent = uses_columnSettingEvent({
+      stores: stores,
+      columnSettingInfo: columnSettingInfo,
+      onSearch: onSearch,
+      onResize: onResize
+    }),
+        setColumnSetting = _columnSettingEvent.setColumnSetting,
+        initColumnSettingInfo = _columnSettingEvent.initColumnSettingInfo,
+        onApplyColumn = _columnSettingEvent.onApplyColumn,
+        setColumnHidden = _columnSettingEvent.setColumnHidden;
+
+    var _contextMenuEvent = treeGrid_uses_contextMenuEvent({
+      contextInfo: contextInfo,
+      stores: stores,
+      selectInfo: selectInfo,
+      setColumnHidden: setColumnHidden,
+      useColumnSetting: useColumnSetting
+    }),
+        setContextMenu = _contextMenuEvent.setContextMenu,
+        onContextMenu = _contextMenuEvent.onContextMenu,
+        onColumnContextMenu = _contextMenuEvent.onColumnContextMenu;
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('toolbarWrapper', toolbarWrapper);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
       stores.treeStore = setTreeNodeStore();
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onActivated"])(function () {
       onResize();
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.columns;
+    }, function () {
+      initColumnSettingInfo();
+    }, {
+      deep: true
+    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked;
     }, function (value) {
@@ -52065,7 +52329,8 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
       return "".concat(column, "Node");
     };
 
-    return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+    return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+      toolbarWrapper: toolbarWrapper,
       summaryScroll: summaryScroll,
       gridStyle: gridStyle,
       gridClass: gridClass,
@@ -52074,8 +52339,9 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
       isHeaderCheckbox: isHeaderCheckbox,
       bodyStyle: bodyStyle,
       useSummary: useSummary,
+      useColumnSetting: useColumnSetting,
       stores: stores
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(styleInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(elementInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(stores)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(filterInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(scrollInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(resizeInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(selectInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(checkInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(contextInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(pageInfo)), {}, {
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(styleInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(elementInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(stores)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(filterInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(scrollInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(resizeInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(selectInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(checkInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(contextInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(pageInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(columnSettingInfo)), {}, {
       isRenderer: isRenderer,
       getComponentName: getComponentName,
       getConvertValue: getConvertValue,
@@ -52098,14 +52364,17 @@ var treeGrid_uses_pagingEvent = function pagingEvent(params) {
       handleExpand: handleExpand,
       getColumnClass: getColumnClass,
       getColumnStyle: getColumnStyle,
-      getSlotName: getSlotName
+      getSlotName: getSlotName,
+      setColumnSetting: setColumnSetting,
+      onApplyColumn: onApplyColumn,
+      onColumnContextMenu: onColumnContextMenu
     });
   }
 });
 // 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=99e6d310&lang=scss&scoped=true
-var TreeGridvue_type_style_index_0_id_99e6d310_lang_scss_scoped_true = __webpack_require__("dd76");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=69ec37c6&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_69ec37c6_lang_scss_scoped_true = __webpack_require__("253b");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
 
@@ -52115,7 +52384,7 @@ var TreeGridvue_type_style_index_0_id_99e6d310_lang_scss_scoped_true = __webpack
 
 
 
-const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_99e6d310_scoped_true_render],['__scopeId',"data-v-99e6d310"]])
+const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_69ec37c6_scoped_true_render],['__scopeId',"data-v-69ec37c6"]])
 
 /* harmony default export */ var TreeGrid = (TreeGrid_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js
@@ -52663,6 +52932,21 @@ var global = __webpack_require__("da84");
 module.exports = global.Promise;
 
 
+/***/ }),
+
+/***/ "fef7":
+/***/ (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__("e165");
+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("960bf63e", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ })
 
 /******/ });