evui 3.4.0 → 3.4.2

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":
@@ -4851,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__) {
 
@@ -6153,6 +6147,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":
@@ -6542,6 +6550,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":
@@ -6781,6 +6806,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":
@@ -6808,20 +6848,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-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":
@@ -7400,6 +7426,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":
@@ -7554,32 +7594,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":
@@ -7605,21 +7619,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":
@@ -7722,20 +7721,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":
@@ -7933,6 +7918,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) {
 
@@ -7983,7 +7983,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.0\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.2\"}");
 
 /***/ }),
 
@@ -8931,17 +8931,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":
@@ -8956,6 +8945,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":
@@ -9017,17 +9017,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":
@@ -9112,6 +9101,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":
@@ -9967,18 +9967,14 @@ if (DESCRIPTORS && !(NAME in FunctionPrototype)) {
 
 /***/ }),
 
-/***/ "b2d8":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "b2ca":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-// style-loader: Adds some css to the DOM by adding a <style> tag
+"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_948a1734_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d4ac");
+/* 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_948a1734_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_948a1734_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
 
-// 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});
 
 /***/ }),
 
@@ -10408,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":
@@ -10431,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-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}.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;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;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
 module.exports = exports;
 
@@ -10479,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":
@@ -10847,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":
@@ -10878,31 +10914,6 @@ module.exports = function (key, value) {
 };
 
 
-/***/ }),
-
-/***/ "cf31":
-/***/ (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_0c0774c2_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("d669");
-/* 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_0c0774c2_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_0c0774c2_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
-/***/ }),
-
-/***/ "cf48":
-/***/ (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-0c0774c2]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-0c0774c2]{overflow:auto}.ev-grid--empty .table-header[data-v-0c0774c2]{display:table}.ev-grid.non-header[data-v-0c0774c2]{padding-top:0}.ev-grid .table-header[data-v-0c0774c2]{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-0c0774c2]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-0c0774c2]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-0c0774c2]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-0c0774c2],.column-list[data-v-0c0774c2]{position:relative;height:100%}.column[data-v-0c0774c2]{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-0c0774c2]{border-right:1px solid;background:#0d0d0d}.column[data-v-0c0774c2]:last-child{border-right:0}.column .column-sort__icon[data-v-0c0774c2]{position:absolute;top:50%;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-0c0774c2]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-0c0774c2]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-0c0774c2]{visibility:visible}.column-name[data-v-0c0774c2]{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-0c0774c2]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-0c0774c2]:hover{cursor:col-resize}.table-body[data-v-0c0774c2]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-0c0774c2]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-0c0774c2]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-0c0774c2]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-0c0774c2]{border-bottom:1px solid}.table-body .row[data-v-0c0774c2]{color:inherit;white-space:nowrap;background:#fff;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-0c0774c2]{background:#0d0d0d;border-bottom:1px solid}.table-body .row.selected[data-v-0c0774c2]{background:#dbf0f9}.dark .table-body .row.selected[data-v-0c0774c2],.table-body .row.selected[data-v-0c0774c2]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-0c0774c2]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-0c0774c2]{visibility:visible}.table-body .cell[data-v-0c0774c2]{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-0c0774c2]{border-right:1px solid}.table-body .cell div[data-v-0c0774c2]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell .row-contextmenu__btn[data-v-0c0774c2]{visibility:hidden;vertical-align:middle;cursor:pointer}.table-body .cell.row-checkbox[data-v-0c0774c2]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-0c0774c2]{overflow:initial}.table-body .cell.float[data-v-0c0774c2],.table-body .cell.number[data-v-0c0774c2]{text-align:right}.table-body .cell.string[data-v-0c0774c2],.table-body .cell.stringNumber[data-v-0c0774c2]{text-align:left}.table-body .cell.center[data-v-0c0774c2]{text-align:center}.table-body .cell.left[data-v-0c0774c2]{text-align:left}.table-body .cell.left .wrap[data-v-0c0774c2]{justify-content:flex-start}.table-body .cell.right[data-v-0c0774c2]{text-align:right}.table-body .cell.right .wrap[data-v-0c0774c2]{justify-content:flex-end}.table-body .cell[data-v-0c0774c2]:last-child{border-right:0}.table-resize-line[data-v-0c0774c2]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-0c0774c2]{border-right:1px solid}.vscroll-spacer[data-v-0c0774c2]{opacity:0;clear:both}[v-cloak][data-v-0c0774c2]{display:none}.ev-checkbox[data-v-0c0774c2]{margin:0}.non-border[data-v-0c0774c2]{border:none!important}.is-empty[data-v-0c0774c2]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "cf84":
@@ -11081,6 +11092,21 @@ module.exports = function (it, TAG, STATIC) {
 };
 
 
+/***/ }),
+
+/***/ "d4ac":
+/***/ (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__("f40f");
+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("386ac9a6", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "d58f":
@@ -11128,21 +11154,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "d669":
-/***/ (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__("cf48");
-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("7bd1845c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "d784":
@@ -11447,17 +11458,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 +11498,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":
@@ -11790,20 +11779,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 +12635,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;
 
@@ -12710,6 +12685,20 @@ exports.push([module.i, ".gridToolbar{height:30px;margin-bottom:10px}.gridToolba
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "f40f":
+/***/ (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-948a1734]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-948a1734]{overflow:auto}.ev-grid--empty .table-header[data-v-948a1734]{display:table}.ev-grid.non-header[data-v-948a1734]{padding-top:0}.ev-grid .table-header[data-v-948a1734]{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-948a1734]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-948a1734]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-948a1734]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-948a1734],.column-list[data-v-948a1734]{position:relative;height:100%}.column[data-v-948a1734]{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-948a1734]{border-right:1px solid;background:#0d0d0d}.column[data-v-948a1734]:last-child{border-right:0}.column .column-sort__icon[data-v-948a1734]{position:absolute;top:50%;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-948a1734]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-948a1734]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-948a1734]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-948a1734],.column :hover .column-sort__icon--desc[data-v-948a1734]{visibility:hidden}.column-name[data-v-948a1734]{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-948a1734]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-948a1734]:hover{cursor:col-resize}.table-body[data-v-948a1734]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-948a1734]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-948a1734]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-948a1734]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-948a1734]{border-bottom:1px solid}.table-body .row[data-v-948a1734]{color:inherit;white-space:nowrap;background:#fff;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-948a1734]{background:#0d0d0d;border-bottom:1px solid}.table-body .row.selected[data-v-948a1734]{background:#dbf0f9}.dark .table-body .row.selected[data-v-948a1734],.table-body .row.selected[data-v-948a1734]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-948a1734]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-948a1734]{visibility:visible}.table-body .cell[data-v-948a1734]{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-948a1734]{border-right:1px solid}.table-body .cell div[data-v-948a1734]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell .row-contextmenu__btn[data-v-948a1734]{visibility:hidden;vertical-align:middle;cursor:pointer}.table-body .cell.row-checkbox[data-v-948a1734]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-948a1734]{overflow:initial}.table-body .cell.float[data-v-948a1734],.table-body .cell.number[data-v-948a1734]{text-align:right}.table-body .cell.string[data-v-948a1734],.table-body .cell.stringNumber[data-v-948a1734]{text-align:left}.table-body .cell.center[data-v-948a1734]{text-align:center}.table-body .cell.left[data-v-948a1734]{text-align:left}.table-body .cell.left .wrap[data-v-948a1734]{justify-content:flex-start}.table-body .cell.right[data-v-948a1734]{text-align:right}.table-body .cell.right .wrap[data-v-948a1734]{justify-content:flex-end}.table-body .cell[data-v-948a1734]:last-child{border-right:0}.table-resize-line[data-v-948a1734]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-948a1734]{border-right:1px solid}.vscroll-spacer[data-v-948a1734]{opacity:0;clear:both}[v-cloak][data-v-948a1734]{display:none}.ev-checkbox[data-v-948a1734]{margin:0}.non-border[data-v-948a1734]{border:none!important}.is-empty[data-v-948a1734]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "f5df":
@@ -12758,6 +12747,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 +13671,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 +13693,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 +13880,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 +13891,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
@@ -27290,40 +27290,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=0c0774c2&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=948a1734&scoped=true
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-0c0774c2");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-948a1734");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-0c0774c2");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-948a1734");
 
-var Gridvue_type_template_id_0c0774c2_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_948a1734_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_0c0774c2_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_948a1734_scoped_true_hoisted_2 = {
   ref: "table"
 };
-var Gridvue_type_template_id_0c0774c2_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_948a1734_scoped_true_hoisted_3 = {
   key: 0
 };
-var Gridvue_type_template_id_0c0774c2_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_948a1734_scoped_true_hoisted_4 = {
   key: 0
 };
 
-var Gridvue_type_template_id_0c0774c2_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_948a1734_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_0c0774c2_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_948a1734_scoped_true_hoisted_6 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_0c0774c2_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_948a1734_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");
@@ -27392,7 +27392,7 @@ var Gridvue_type_template_id_0c0774c2_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_0c0774c2_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_948a1734_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,
@@ -27436,6 +27436,28 @@ var Gridvue_type_template_id_0c0774c2_scoped_true_render = /*#__PURE__*/_withId(
       onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
         return $setup.onSort(column);
       }, ["stop"])
+    }, [!!_ctx.$slots.sortIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: 0
+    }, [(column.sortable === undefined ? true : column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 0,
+      class: "column-sort__icon column-sort__icon--basic",
+      style: {
+        height: "".concat(_ctx.rowHeight, "px"),
+        'line-height': "".concat(_ctx.rowHeight, "px")
+      }
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "sortIcon")], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.sortField === column.field ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 1,
+      class: [{
+        'column-sort__icon': true,
+        'column-sort__icon--asc': _ctx.sortOrder === 'asc',
+        'column-sort__icon--desc': _ctx.sortOrder === 'desc'
+      }],
+      style: {
+        height: "".concat(_ctx.rowHeight, "px"),
+        'line-height': "".concat(_ctx.rowHeight, "px")
+      }
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "sortIcon_".concat(_ctx.sortOrder))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: 1
     }, [(column.sortable === undefined ? true : column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_sort_button, {
       key: 0,
       class: "column-sort__icon column-sort__icon--basic",
@@ -27446,13 +27468,18 @@ var Gridvue_type_template_id_0c0774c2_scoped_true_render = /*#__PURE__*/_withId(
       }
     }, null, 8, ["style"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.sortField === column.field ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_sort_button, {
       key: 1,
-      class: "column-sort__icon",
+      class: [{
+        'column-sort__icon': true,
+        'column-sort__icon--asc': _ctx.sortOrder === 'asc',
+        'column-sort__icon--desc': _ctx.sortOrder === 'desc'
+      }],
       icon: _ctx.sortOrder,
       style: {
         height: "".concat(_ctx.rowHeight, "px"),
-        'line-height': "".concat(_ctx.rowHeight, "px")
+        'line-height': "".concat(_ctx.rowHeight, "px"),
+        visibility: !!_ctx.sortOrder ? column.hidden : true
       }
-    }, null, 8, ["icon", "style"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 8, ["onClick"])], 8, ["title", "onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+    }, 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",
       onMousedown: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
         return $setup.onColumnResize(index, $event);
@@ -27492,7 +27519,7 @@ var Gridvue_type_template_id_0c0774c2_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_0c0774c2_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_948a1734_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", {
@@ -27546,7 +27573,7 @@ var Gridvue_type_template_id_0c0774c2_scoped_true_render = /*#__PURE__*/_withId(
           'line-height': "".concat(_ctx.rowHeight, "px"),
           'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px")
         }
-      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_0c0774c2_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_948a1734_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -27575,7 +27602,7 @@ var Gridvue_type_template_id_0c0774c2_scoped_true_render = /*#__PURE__*/_withId(
         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_0c0774c2_scoped_true_hoisted_4, [Gridvue_type_template_id_0c0774c2_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", {
+  }), 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_948a1734_scoped_true_hoisted_4, [Gridvue_type_template_id_948a1734_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, {
@@ -27584,7 +27611,7 @@ var Gridvue_type_template_id_0c0774c2_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_0c0774c2_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_948a1734_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, {
@@ -27611,7 +27638,7 @@ var Gridvue_type_template_id_0c0774c2_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=0c0774c2&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=948a1734&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
 
@@ -28030,30 +28057,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");
@@ -28071,7 +28098,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;
@@ -28079,7 +28106,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) {
@@ -28096,18 +28123,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
 
@@ -28244,6 +28271,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() {
@@ -28270,7 +28298,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;
@@ -28340,8 +28369,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
 
@@ -28351,7 +28380,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
@@ -29227,7 +29256,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;
@@ -29257,7 +29286,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;
 
@@ -29266,10 +29295,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 {
@@ -29482,7 +29511,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);
         }
@@ -29671,12 +29700,21 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
 
   var stores = params.stores,
       columnSettingInfo = params.columnSettingInfo,
-      onSearch = params.onSearch;
+      onSearch = params.onSearch,
+      onResize = params.onResize;
 
   var setColumnSetting = function setColumnSetting() {
     columnSettingInfo.isShowColumnSetting = true;
   };
 
+  var initColumnSettingInfo = function initColumnSettingInfo() {
+    stores.filteredColumns.length = 0;
+    columnSettingInfo.isShowColumnSetting = false;
+    columnSettingInfo.isFilteringColumn = false;
+    columnSettingInfo.visibleColumnIdx = [];
+    columnSettingInfo.hiddenColumn = '';
+  };
+
   var setFilteringColumn = function setFilteringColumn() {
     columnSettingInfo.visibleColumnIdx = stores.filteredColumns.map(function (column) {
       return column.index;
@@ -29690,17 +29728,25 @@ 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();
   };
 
   var setColumnHidden = function setColumnHidden(val) {
     var columns = columnSettingInfo.isFilteringColumn ? stores.filteredColumns : stores.originColumns;
+
+    if (columns.length === 1) {
+      return;
+    }
+
     stores.filteredColumns = columns.filter(function (column) {
       return column.field !== val;
     });
@@ -29710,6 +29756,7 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
 
   return {
     setColumnSetting: setColumnSetting,
+    initColumnSettingInfo: initColumnSettingInfo,
     onApplyColumn: onApplyColumn,
     setColumnHidden: setColumnHidden
   };
@@ -30095,9 +30142,11 @@ 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,
         onApplyColumn = _columnSettingEvent.onApplyColumn,
         setColumnHidden = _columnSettingEvent.setColumnHidden;
 
@@ -30127,6 +30176,7 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       sortInfo.isSorting = false;
       sortInfo.sortField = '';
       setSort();
+      initColumnSettingInfo();
     }, {
       deep: true
     });
@@ -30368,15 +30418,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=0c0774c2&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_0c0774c2_lang_scss_scoped_true = __webpack_require__("cf31");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=948a1734&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_948a1734_lang_scss_scoped_true = __webpack_require__("b2ca");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30386,7 +30435,7 @@ var Gridvue_type_style_index_0_id_0c0774c2_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_0c0774c2_scoped_true_render],['__scopeId',"data-v-0c0774c2"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_948a1734_scoped_true_render],['__scopeId',"data-v-948a1734"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -49730,37 +49779,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");
@@ -49775,20 +49828,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", {
@@ -49797,14 +49863,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
@@ -49818,8 +49884,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);
@@ -49828,12 +49903,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);
@@ -49841,7 +49916,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,
@@ -49866,7 +49941,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,
@@ -49881,13 +49956,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, {
@@ -49905,7 +49983,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,
@@ -49915,23 +49993,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=c34b4ad2&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
 
 
 
-var TreeGridNodevue_type_template_id_c34b4ad2_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-c34b4ad2");
+var TreeGridNodevue_type_template_id_e68a75aa_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-e68a75aa");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-c34b4ad2");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-e68a75aa");
 
-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_1 = {
+  class: "td-content"
+};
 
-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_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");
@@ -49968,7 +50054,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", {
@@ -49994,7 +50080,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: {
@@ -50003,15 +50089,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
 
@@ -50195,8 +50281,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
 
@@ -50206,18 +50292,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 = ({
@@ -50225,8 +50311,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
 
@@ -50236,7 +50322,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
@@ -50976,7 +51062,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;
   /**
    * 컨텍스트 메뉴를 설정한다.
    *
@@ -51004,6 +51092,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;
+    }
+  };
   /**
    * 마우스 우클릭 이벤트를 처리한다.
    *
@@ -51034,7 +51137,8 @@ var treeGrid_uses_contextMenuEvent = function contextMenuEvent(params) {
 
   return {
     setContextMenu: setContextMenu,
-    onContextMenu: onContextMenu
+    onContextMenu: onContextMenu,
+    onColumnContextMenu: onColumnContextMenu
   };
 };
 var uses_treeEvent = function treeEvent(params) {
@@ -51354,9 +51458,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,
@@ -51422,10 +51531,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,
@@ -51438,31 +51553,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"])({
@@ -51543,26 +51670,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"])({
@@ -51675,14 +51804,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
@@ -51702,12 +51823,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) {
@@ -52022,7 +52173,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,
@@ -52031,8 +52183,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,
@@ -52055,14 +52208,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
 
@@ -52072,7 +52228,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