evui 3.4.17 → 3.4.18

package/dist/evui.umd.js

@@ -312,17 +312,6 @@ $({ target: 'Object', stat: true }, {
 });
 
 
-/***/ }),
-
-/***/ "0824":
-/***/ (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_de843fd8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("ec52");
-/* 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_de843fd8_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_de843fd8_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "0cfb":
@@ -622,6 +611,21 @@ for (var COLLECTION_NAME in DOMIterables) {
 }
 
 
+/***/ }),
+
+/***/ "16aa":
+/***/ (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__("5a9b");
+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("7793060c", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "16af":
@@ -6372,6 +6376,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "5a9b":
+/***/ (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-654e9eac]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-654e9eac]{overflow:auto}.ev-grid--empty .table-header[data-v-654e9eac]{display:table}.ev-grid.non-header[data-v-654e9eac]{padding-top:0}.ev-grid .table-header[data-v-654e9eac]{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-654e9eac]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-654e9eac]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-654e9eac]{display:none;vertical-align:middle}.column-list[data-v-654e9eac]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-654e9eac],.column-list[data-v-654e9eac]{position:relative;height:100%}.column[data-v-654e9eac]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-654e9eac]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-654e9eac]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-654e9eac]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-654e9eac]{visibility:visible}.column-name[data-v-654e9eac]{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-654e9eac]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-654e9eac]:hover{cursor:col-resize}.table-body[data-v-654e9eac]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-654e9eac]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-654e9eac]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-654e9eac]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-654e9eac]{border-bottom:1px solid}.table-body .row[data-v-654e9eac]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-654e9eac]{border-bottom:1px solid}.table-body .row.selected[data-v-654e9eac]{background:#dbf0f9}.dark .table-body .row.selected[data-v-654e9eac],.table-body .row.selected[data-v-654e9eac]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-654e9eac]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-654e9eac]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-654e9eac]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-654e9eac]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-654e9eac],.table-body .cell div[data-v-654e9eac]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-654e9eac]{overflow:hidden}.table-body .cell.row-checkbox[data-v-654e9eac]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-654e9eac]{overflow:initial}.table-body .cell.float[data-v-654e9eac],.table-body .cell.number[data-v-654e9eac]{text-align:right}.table-body .cell.string[data-v-654e9eac],.table-body .cell.stringNumber[data-v-654e9eac]{text-align:left}.table-body .cell.center[data-v-654e9eac]{text-align:center}.table-body .cell.left[data-v-654e9eac]{text-align:left}.table-body .cell.left .wrap[data-v-654e9eac]{justify-content:flex-start}.table-body .cell.right[data-v-654e9eac]{text-align:right}.table-body .cell.right .wrap[data-v-654e9eac]{justify-content:flex-end}.table-resize-line[data-v-654e9eac]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-654e9eac]{border-right:1px solid}.vscroll-spacer[data-v-654e9eac]{opacity:0;clear:both}[v-cloak][data-v-654e9eac]{display:none}.ev-checkbox[data-v-654e9eac]{margin:0}.non-border[data-v-654e9eac]{border:none!important}.is-empty[data-v-654e9eac]{height:30px;text-align:center}.filtering[data-v-654e9eac]{position:relative}.filtering-items[data-v-654e9eac]{display:flex;position:absolute;width:inherit;flex-flow:row wrap;gap:10px;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:120px;background:none}.filtering-items__hidden-items[data-v-654e9eac]{max-height:106px;overflow-y:auto;border:1px solid #cfcfcf;background:#fff}.dark .filtering-items__hidden-items[data-v-654e9eac]{border:1px solid;background:#0d0d0d}.filtering-items-expand[data-v-654e9eac]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-654e9eac]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-654e9eac]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-654e9eac]{height:26px;line-height:26px;padding:0 10px;border:1px solid #ced4da;border-radius:4px;background:#eaf2fa;font-size:13px;text-align:center}.filtering-items__item[data-v-654e9eac]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-654e9eac]{font-weight:700;border:1px solid #198fff;color:#198fff}.filtering-items__item--filter i[data-v-654e9eac]{vertical-align:middle}.filtering-items__item--title[data-v-654e9eac]{margin-right:6px;vertical-align:middle}.filtering-items__item--value[data-v-654e9eac]{display:inline-block;max-width:80px;color:#198fff;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-654e9eac]{color:initial;vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-654e9eac]:hover{opacity:.6}.filtering-items__item--operator[data-v-654e9eac]{width:80px;height:26px!important}.filtering-items__item--operator .ev-input[data-v-654e9eac]{height:26px!important}.filtering-items__item--operator[data-v-654e9eac]:hover{cursor:auto;margin:inherit;border:none}.filtering-items__item.non-display[data-v-654e9eac]{display:none}.ev-grid-filtering-items[data-v-654e9eac]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "5b8e":
@@ -8092,7 +8110,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.17\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.18\"}");
 
 /***/ }),
 
@@ -10555,7 +10573,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}.ev-grid .row-contextmenu__btn[data-v-fd0ffe52]{display:none;vertical-align:middle}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-fd0ffe52],.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-fd0ffe52]{overflow:hidden}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.filtering-column-items[data-v-fd0ffe52]{position:relative}.filtering-items[data-v-fd0ffe52]{display:flex;flex-flow:row wrap;gap:10px;position:absolute;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:106px;background:#fff}.dark .filtering-items[data-v-fd0ffe52]{background:#0d0d0d}.filtering-items-expand[data-v-fd0ffe52]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-fd0ffe52]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-fd0ffe52]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-fd0ffe52]{padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items__item[data-v-fd0ffe52]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff;box-sizing:border-box}.filtering-items__item--filter[data-v-fd0ffe52]{font-weight:700;border:1px solid #198fff}.filtering-items__item--filter i[data-v-fd0ffe52],.filtering-items__item--title[data-v-fd0ffe52]{color:#07f;vertical-align:middle}.filtering-items__item--title[data-v-fd0ffe52]{margin-right:6px}.filtering-items__item--value[data-v-fd0ffe52]{display:inline-block;max-width:80px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-fd0ffe52]{vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-fd0ffe52]:hover{opacity:.6}.filtering-items__item--operator[data-v-fd0ffe52]{width:50px;background:#dcdfe6;text-align:center}.filtering-items__item--operator[data-v-fd0ffe52]:hover{cursor:auto;margin:inherit;border:none}.filtering-items__item.non-display[data-v-fd0ffe52]{display:none}.ev-grid-filtering-items[data-v-fd0ffe52]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
+exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-fd0ffe52]{display:none;vertical-align:middle}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-fd0ffe52],.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-fd0ffe52]{overflow:hidden}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.filtering[data-v-fd0ffe52]{position:relative}.filtering-items[data-v-fd0ffe52]{display:flex;position:absolute;width:inherit;flex-flow:row wrap;gap:10px;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:120px;background:none}.filtering-items__hidden-items[data-v-fd0ffe52]{max-height:106px;overflow-y:auto;border:1px solid #cfcfcf;background:#fff}.dark .filtering-items__hidden-items[data-v-fd0ffe52]{border:1px solid;background:#0d0d0d}.filtering-items-expand[data-v-fd0ffe52]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-fd0ffe52]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-fd0ffe52]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-fd0ffe52]{height:26px;line-height:26px;padding:0 10px;border:1px solid #ced4da;border-radius:4px;background:#eaf2fa;font-size:13px;text-align:center}.filtering-items__item[data-v-fd0ffe52]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-fd0ffe52]{font-weight:700;border:1px solid #198fff;color:#198fff}.filtering-items__item--filter i[data-v-fd0ffe52]{vertical-align:middle}.filtering-items__item--title[data-v-fd0ffe52]{margin-right:6px;vertical-align:middle}.filtering-items__item--value[data-v-fd0ffe52]{display:inline-block;max-width:80px;color:#198fff;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-fd0ffe52]{color:initial;vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-fd0ffe52]:hover{opacity:.6}.filtering-items__item--operator[data-v-fd0ffe52]{width:80px;height:26px!important}.filtering-items__item--operator .ev-input[data-v-fd0ffe52]{height:26px!important}.filtering-items__item--operator[data-v-fd0ffe52]:hover{cursor:auto;margin:inherit;border:none}.filtering-items__item.non-display[data-v-fd0ffe52]{display:none}.ev-grid-filtering-items[data-v-fd0ffe52]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}.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;
 
@@ -10749,20 +10767,6 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {
 addToUnscopables(FIND_INDEX);
 
 
-/***/ }),
-
-/***/ "c847":
-/***/ (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-de843fd8]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-de843fd8]{overflow:auto}.ev-grid--empty .table-header[data-v-de843fd8]{display:table}.ev-grid.non-header[data-v-de843fd8]{padding-top:0}.ev-grid .table-header[data-v-de843fd8]{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-de843fd8]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-de843fd8]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-de843fd8]{display:none;vertical-align:middle}.column-list[data-v-de843fd8]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-de843fd8],.column-list[data-v-de843fd8]{position:relative;height:100%}.column[data-v-de843fd8]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-de843fd8]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-de843fd8]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-de843fd8]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-de843fd8]{visibility:visible}.column-name[data-v-de843fd8]{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-de843fd8]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-de843fd8]:hover{cursor:col-resize}.table-body[data-v-de843fd8]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-de843fd8]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-de843fd8]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-de843fd8]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-de843fd8]{border-bottom:1px solid}.table-body .row[data-v-de843fd8]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-de843fd8]{border-bottom:1px solid}.table-body .row.selected[data-v-de843fd8]{background:#dbf0f9}.dark .table-body .row.selected[data-v-de843fd8],.table-body .row.selected[data-v-de843fd8]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-de843fd8]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-de843fd8]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-de843fd8]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-de843fd8]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-de843fd8],.table-body .cell div[data-v-de843fd8]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-de843fd8]{overflow:hidden}.table-body .cell.row-checkbox[data-v-de843fd8]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-de843fd8]{overflow:initial}.table-body .cell.float[data-v-de843fd8],.table-body .cell.number[data-v-de843fd8]{text-align:right}.table-body .cell.string[data-v-de843fd8],.table-body .cell.stringNumber[data-v-de843fd8]{text-align:left}.table-body .cell.center[data-v-de843fd8]{text-align:center}.table-body .cell.left[data-v-de843fd8]{text-align:left}.table-body .cell.left .wrap[data-v-de843fd8]{justify-content:flex-start}.table-body .cell.right[data-v-de843fd8]{text-align:right}.table-body .cell.right .wrap[data-v-de843fd8]{justify-content:flex-end}.table-resize-line[data-v-de843fd8]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-de843fd8]{border-right:1px solid}.vscroll-spacer[data-v-de843fd8]{opacity:0;clear:both}[v-cloak][data-v-de843fd8]{display:none}.ev-checkbox[data-v-de843fd8]{margin:0}.non-border[data-v-de843fd8]{border:none!important}.is-empty[data-v-de843fd8]{height:30px;text-align:center}.filtering-column-items[data-v-de843fd8]{position:relative}.filtering-items[data-v-de843fd8]{display:flex;flex-flow:row wrap;gap:10px;position:absolute;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px;max-height:106px;background:#fff}.dark .filtering-items[data-v-de843fd8]{background:#0d0d0d}.filtering-items-expand[data-v-de843fd8]:hover{cursor:pointer;color:#07f}.filtering-items--count[data-v-de843fd8]{position:absolute;top:10px;right:0;padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items--count[data-v-de843fd8]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff!important;box-sizing:border-box}.filtering-items__item[data-v-de843fd8]{padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items__item[data-v-de843fd8]:hover{cursor:pointer;padding:3.5px;border:1px solid #198fff;box-sizing:border-box}.filtering-items__item--filter[data-v-de843fd8]{font-weight:700;border:1px solid #198fff}.filtering-items__item--filter i[data-v-de843fd8],.filtering-items__item--title[data-v-de843fd8]{color:#07f;vertical-align:middle}.filtering-items__item--title[data-v-de843fd8]{margin-right:6px}.filtering-items__item--value[data-v-de843fd8]{display:inline-block;max-width:80px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-de843fd8]{vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-de843fd8]:hover{opacity:.6}.filtering-items__item--operator[data-v-de843fd8]{width:50px;background:#dcdfe6;text-align:center}.filtering-items__item--operator[data-v-de843fd8]:hover{cursor:auto;margin:inherit;border:none}.filtering-items__item.non-display[data-v-de843fd8]{display:none}.ev-grid-filtering-items[data-v-de843fd8]{display:flex;flex-flow:row wrap;gap:10px;position:relative;padding:10px;align-items:center;border:1px solid #ced4da;background:#fff;border-radius:4px;overflow:auto;max-width:500px;max-height:100px}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "c8ba":
@@ -11508,6 +11512,17 @@ module.exports =
 
 /* WEBPACK VAR INJECTION */}.call(this, __webpack_require__("c8ba")))
 
+/***/ }),
+
+/***/ "db6c":
+/***/ (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_654e9eac_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("16aa");
+/* 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_654e9eac_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_654e9eac_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "dbb4":
@@ -12623,21 +12638,6 @@ var update = add("c65f49ea", content, true, {"sourceMap":false,"shadowMode":fals
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "ec52":
-/***/ (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__("c847");
-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("0aaa06f4", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "ec69":
@@ -27445,67 +27445,60 @@ 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=de843fd8&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=654e9eac&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-de843fd8");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-654e9eac");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-de843fd8");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-654e9eac");
 
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_1 = {
-  class: "filtering-items__item--title"
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_1 = {
+  key: 0,
+  ref: "filteringItemsRef",
+  class: "filtering-items"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_2 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_3 = {
   key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_4 = {
-  key: 0,
-  class: "filtering-items__item filtering-items__item--operator"
-};
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_5 = {
-  class: "filtering-items__item--value"
-};
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_6 = {
-  class: "filtering-items__item"
-};
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_7 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_4 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_8 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_5 = {
+  key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_9 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_6 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_10 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_7 = {
   ref: "table"
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_11 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_8 = {
   key: 0
 };
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_12 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_9 = {
   key: 0
 };
 
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_13 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_10 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var Gridvue_type_template_id_de843fd8_scoped_true_hoisted_14 = {
+var Gridvue_type_template_id_654e9eac_scoped_true_hoisted_11 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_654e9eac_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$$props$option$cu;
 
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
@@ -27544,16 +27537,11 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_toolbar, null, {
     toolbarWrapper: _withId(function () {
       return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
-        class: "filtering-column-items",
+        class: "filtering",
         style: {
-          width: "".concat($setup.filteringItemsWidth + 40, "px")
+          width: "".concat($setup.filteringItemsWidth, "px")
         }
-      }, [_ctx.isFiltering && Object.keys(_ctx.filteringItemsByColumn).length ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-        key: 0,
-        ref: "filteringItemsRef",
-        class: "filtering-items",
-        style: $setup.filteringItemsStyle
-      }, [(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"])(Object.keys(_ctx.filteringItemsByColumn), function (field, idx) {
+      }, [_ctx.isFiltering && Object.keys(_ctx.filteringItemsByColumn).length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_654e9eac_scoped_true_hoisted_1, [(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"])(Object.keys(_ctx.filteringItemsByColumn), function (field, idx) {
         var _$setup$getFilteringI2, _$setup$getFilteringI3, _$setup$getFilteringI4, _$setup$getFilteringI5;
 
         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"], {
@@ -27561,13 +27549,13 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
         }, [idx === 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
           key: 0,
           class: "filtering-items__item filtering-items__item--filter",
-          onClick: _cache[1] || (_cache[1] = function () {
+          onClick: _cache[1] || (_cache[1] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
             return $setup.onExpandFilteringItems && $setup.onExpandFilteringItems.apply($setup, arguments);
-          })
+          }, ["stop"]))
         }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           icon: "ev-icon-filter-list",
           class: "filtering-items-expand"
-        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_1, " Filter (" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(Object.keys(_ctx.filteringItemsByColumn).length) + ") ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", null, " Filter (" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(Object.keys(_ctx.filteringItemsByColumn).length) + ") ", 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           class: "filtering-items__item--remove",
           icon: "ev-icon-s-close",
           style: {
@@ -27581,10 +27569,11 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
             return _ctx.columnOperator = $event;
           }),
           items: $setup.operatorItems,
-          class: "ev-grid-filter-setting__row--operator",
+          class: "filtering-items__item--operator",
           onChange: $setup.onChangeOperator
         }, null, 8, ["modelValue", "items", "onChange"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
           class: "filtering-items__item non-display",
+          "data-field": field,
           onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
             var _$setup$getFilteringI;
 
@@ -27593,53 +27582,57 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
               field: field
             }, _ctx.filteringItemsByColumn[field]);
           }, ["stop"])
-        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI2 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI2 === void 0 ? void 0 : _$setup$getFilteringI2.caption), 1), _ctx.filteringItemsByColumn[field].length < 2 ? (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"])("span", Gridvue_type_template_id_654e9eac_scoped_true_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI2 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI2 === void 0 ? void 0 : _$setup$getFilteringI2.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI3 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI3 === void 0 ? void 0 : _$setup$getFilteringI3.comparison), 1), _ctx.filteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
           key: 0,
           class: "filtering-items__item--value",
-          title: (_$setup$getFilteringI3 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI3 === void 0 ? void 0 : _$setup$getFilteringI3.value
-        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI4 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI4 === void 0 ? void 0 : _$setup$getFilteringI4.comparison) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI5 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI5 === void 0 ? void 0 : _$setup$getFilteringI5.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_3, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.filteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+          title: (_$setup$getFilteringI4 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI4 === void 0 ? void 0 : _$setup$getFilteringI4.value
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI5 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI5 === void 0 ? void 0 : _$setup$getFilteringI5.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_654e9eac_scoped_true_hoisted_3, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.filteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           class: "filtering-items__item--remove",
           icon: "ev-icon-s-close",
           onClick: function onClick($event) {
             return $setup.onApplyFilter(field, []);
           }
-        }, null, 8, ["onClick"])], 8, ["onClick"])], 64);
-      }), 128))], 4)), [[_directive_clickoutside, function () {
-        if (!$setup.isShowColumnFilteringItems) $setup.onExpandFilteringItems();
-      }]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $setup.isShowColumnFilteringItems && Object.keys(_ctx.filteringItemsByColumn).length && $setup.hiddenFilteringItemsCount > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-        key: 1,
-        class: "filtering-items filtering-items--count",
+        }, null, 8, ["onClick"])], 8, ["data-field", "onClick"])], 64);
+      }), 128)), $setup.isShowColumnFilteringItems && Object.keys(_ctx.filteringItemsByColumn).length && $setup.hiddenFilteringItemsCount > 0 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+        key: 0,
+        class: "filtering-items__item filtering-items__item--count",
         onClick: _cache[3] || (_cache[3] = function () {
           return $setup.onExpandFilteringItems && $setup.onExpandFilteringItems.apply($setup, arguments);
         })
-      }, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.hiddenFilteringItemsCount), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4), _ctx.isFiltering && $setup.isShowFilteringItemsBox ? (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_["Teleport"], {
-        key: 0,
-        to: "#ev-grid-filtering-items-modal"
-      }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
-        class: "ev-grid-filtering-items",
-        style: {
-          top: _ctx.boxTop,
-          left: _ctx.boxLeft
-        }
-      }, [(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"])($setup.selectedFilteringItems, function (field, idx) {
-        var _field$operator;
+      }, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.hiddenFilteringItemsCount), 1)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 512)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), !$setup.isShowColumnFilteringItems && Object.keys($setup.hiddenFilteringItemsByColumn).length ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])((Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+        key: 1,
+        ref: "hiddenFilteringItemsRef",
+        class: "filtering-items filtering-items__hidden-items",
+        style: $setup.filteringItemsStyle
+      }, [(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"])(Object.keys($setup.hiddenFilteringItemsByColumn), function (field, idx) {
+        var _$setup$getFilteringI7, _$setup$getFilteringI8, _$setup$getFilteringI9, _$setup$getFilteringI10;
 
-        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"], {
-          key: idx
-        }, [idx === 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_field$operator = field.operator) === null || _field$operator === void 0 ? void 0 : _field$operator.toUpperCase()), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_6, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_7, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.selectedFilteringColumn.caption), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_8, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(field.comparison) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(field.value.toLocaleString('en')), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+          key: idx,
+          class: "filtering-items__item",
+          onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
+            var _$setup$getFilteringI6;
+
+            return $setup.onClickFilteringItem({
+              caption: (_$setup$getFilteringI6 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI6 === void 0 ? void 0 : _$setup$getFilteringI6.caption,
+              field: field
+            }, $setup.hiddenFilteringItemsByColumn[field]);
+          }, ["stop"])
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_654e9eac_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI7 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI7 === void 0 ? void 0 : _$setup$getFilteringI7.caption) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI8 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI8 === void 0 ? void 0 : _$setup$getFilteringI8.comparison), 1), $setup.hiddenFilteringItemsByColumn[field].length < 2 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+          key: 0,
+          class: "filtering-items__item--value",
+          title: (_$setup$getFilteringI9 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI9 === void 0 ? void 0 : _$setup$getFilteringI9.value
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_$setup$getFilteringI10 = $setup.getFilteringItemByField(field)) === null || _$setup$getFilteringI10 === void 0 ? void 0 : _$setup$getFilteringI10.value), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_654e9eac_scoped_true_hoisted_5, " + " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.hiddenFilteringItemsByColumn[field].length), 1)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
           class: "filtering-items__item--remove",
           icon: "ev-icon-s-close",
           onClick: function onClick($event) {
-            return $setup.removeFiltering({
-              field: $setup.selectedFilteringColumn.field,
-              idx: idx
-            });
+            return $setup.onApplyFilter(field, [], true);
           }
-        }, null, 8, ["onClick"])])], 64);
-      }), 128))], 4), [[_directive_clickoutside, function () {
-        $setup.isShowFilteringItemsBox = false;
-      }]])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $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: 1,
+        }, null, 8, ["onClick"])], 8, ["onClick"]);
+      }), 128))], 4)), [[_directive_clickoutside, function () {
+        if (!$setup.isShowColumnFilteringItems) $setup.onExpandFilteringItems();
+      }]]) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 4), $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", {
@@ -27677,7 +27670,7 @@ var Gridvue_type_template_id_de843fd8_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_de843fd8_scoped_true_hoisted_9, [_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_654e9eac_scoped_true_hoisted_6, [_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,
@@ -27812,7 +27805,7 @@ var Gridvue_type_template_id_de843fd8_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_de843fd8_scoped_true_hoisted_10, [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_654e9eac_scoped_true_hoisted_7, [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", {
@@ -27874,7 +27867,7 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
           'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
           'border-right': _ctx.orderedColumns.length - 1 === cellIndex ? 'none' : '1px solid #CFCFCF'
         }
-      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_de843fd8_scoped_true_hoisted_11, [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_654e9eac_scoped_true_hoisted_8, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -27911,7 +27904,7 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
         return $setup.onContextMenu($event);
       })
     }))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["data-index", "onClick", "onContextmenu", "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_de843fd8_scoped_true_hoisted_12, [Gridvue_type_template_id_de843fd8_scoped_true_hoisted_13])) : 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_654e9eac_scoped_true_hoisted_9, [Gridvue_type_template_id_654e9eac_scoped_true_hoisted_10])) : 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, {
@@ -27920,7 +27913,7 @@ var Gridvue_type_template_id_de843fd8_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_de843fd8_scoped_true_hoisted_14, 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_654e9eac_scoped_true_hoisted_11, 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, {
@@ -27959,1606 +27952,1672 @@ var Gridvue_type_template_id_de843fd8_scoped_true_render = /*#__PURE__*/_withId(
     onApplyFiltering: $setup.onApplyFilter
   }, null, 8, ["is-show", "items", "column", "position", "onApplyFiltering"])], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=de843fd8&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=654e9eac&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
+// CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
+/**
+ * A specialized version of `_.forEach` for arrays without support for
+ * iteratee shorthands.
+ *
+ * @private
+ * @param {Array} [array] The array to iterate over.
+ * @param {Function} iteratee The function invoked per iteration.
+ * @returns {Array} Returns `array`.
+ */
+function arrayEach(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
 
-var grid_toolbarvue_type_template_id_481d025f_hoisted_1 = {
-  class: "gridToolbar"
-};
-function grid_toolbarvue_type_template_id_481d025f_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", grid_toolbarvue_type_template_id_481d025f_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
+  while (++index < length) {
+    if (iteratee(array[index], index, array) === false) {
+      break;
+    }
+  }
+  return array;
 }
-// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=template&id=481d025f
 
-// 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.toolbar.vue?vue&type=script&lang=js
-/* harmony default export */ var grid_toolbarvue_type_script_lang_js = ({
-  name: 'EvGridToolbar'
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=script&lang=js
- 
-// EXTERNAL MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=style&index=0&id=481d025f&lang=scss
-var grid_toolbarvue_type_style_index_0_id_481d025f_lang_scss = __webpack_require__("21e8");
+/* harmony default export */ var _arrayEach = (arrayEach);
 
-// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue
+// CONCATENATED MODULE: ./node_modules/lodash-es/_defineProperty.js
 
 
+var defineProperty = (function() {
+  try {
+    var func = _getNative(Object, 'defineProperty');
+    func({}, '', {});
+    return func;
+  } catch (e) {}
+}());
 
+/* harmony default export */ var lodash_es_defineProperty = (defineProperty);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssignValue.js
 
 
+/**
+ * The base implementation of `assignValue` and `assignMergeValue` without
+ * value checks.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function baseAssignValue(object, key, value) {
+  if (key == '__proto__' && lodash_es_defineProperty) {
+    lodash_es_defineProperty(object, key, {
+      'configurable': true,
+      'enumerable': true,
+      'value': value,
+      'writable': true
+    });
+  } else {
+    object[key] = value;
+  }
+}
 
-const grid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(grid_toolbarvue_type_script_lang_js, [['render',grid_toolbarvue_type_template_id_481d025f_render]])
+/* harmony default export */ var _baseAssignValue = (baseAssignValue);
 
-/* harmony default export */ var grid_toolbar = (grid_toolbar_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.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
+// CONCATENATED MODULE: ./node_modules/lodash-es/_assignValue.js
 
 
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-210f4f6a");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-210f4f6a");
+/** Used for built-in method references. */
+var _assignValue_objectProto = Object.prototype;
 
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1 = {
-  class: "grid-pagination"
-};
+/** Used to check objects for own properties. */
+var _assignValue_hasOwnProperty = _assignValue_objectProto.hasOwnProperty;
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
+/**
+ * Assigns `value` to `key` of `object` if the existing value is not equivalent
+ * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
+ * for equality comparisons.
+ *
+ * @private
+ * @param {Object} object The object to modify.
+ * @param {string} key The key of the property to assign.
+ * @param {*} value The value to assign.
+ */
+function assignValue(object, key, value) {
+  var objValue = object[key];
+  if (!(_assignValue_hasOwnProperty.call(object, key) && lodash_es_eq(objValue, value)) ||
+      (value === undefined && !(key in object))) {
+    _baseAssignValue(object, key, value);
+  }
+}
 
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_render = /*#__PURE__*/grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ev_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-pagination");
+/* harmony default export */ var _assignValue = (assignValue);
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_pagination, {
-    modelValue: $setup.currentValue,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
-      return $setup.currentValue = $event;
-    }),
-    total: $props.total,
-    "per-page": $props.perPage,
-    "visible-page": $props.visiblePage,
-    "show-page-info": $props.showPageInfo,
-    order: $props.order,
-    onChange: $setup.changePage
-  }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order", "onChange"])]);
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
+// CONCATENATED MODULE: ./node_modules/lodash-es/_copyObject.js
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/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.pagination.vue?vue&type=script&lang=js
 
 
+/**
+ * Copies properties of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy properties from.
+ * @param {Array} props The property identifiers to copy.
+ * @param {Object} [object={}] The object to copy properties to.
+ * @param {Function} [customizer] The function to customize copied values.
+ * @returns {Object} Returns `object`.
+ */
+function copyObject(source, props, object, customizer) {
+  var isNew = !object;
+  object || (object = {});
 
-/* harmony default export */ var grid_paginationvue_type_script_lang_js = ({
-  name: 'EvGridPagination',
-  props: {
-    total: {
-      type: [Number, String],
-      default: 0
-    },
-    visiblePage: {
-      type: [Number, String],
-      default: 8
-    },
-    perPage: {
-      type: [Number, String],
-      default: 20
-    },
-    modelValue: {
-      type: [Number, String],
-      default: 1
-    },
-    showPageInfo: {
-      type: Boolean,
-      default: false
-    },
-    order: {
-      type: String,
-      default: 'left',
-      validator: function validator(val) {
-        return ['left', 'right', 'center'].includes(val);
-      }
-    }
-  },
-  emits: {
-    'update:modelValue': null
-  },
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+  var index = -1,
+      length = props.length;
 
-    var changePage = function changePage(page) {
-      currentValue.value = page > 0 ? page : 1;
-      emit('update:modelValue', currentValue.value);
-    };
+  while (++index < length) {
+    var key = props[index];
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.modelValue;
-    }, function (value) {
-      currentValue.value = value;
-    });
-    return {
-      currentValue: currentValue,
-      changePage: changePage
-    };
+    var newValue = customizer
+      ? customizer(object[key], source[key], key, object, source)
+      : undefined;
+
+    if (newValue === undefined) {
+      newValue = source[key];
+    }
+    if (isNew) {
+      _baseAssignValue(object, key, newValue);
+    } else {
+      _assignValue(object, key, newValue);
+    }
   }
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
- 
-// EXTERNAL MODULE: ./src/components/grid/grid.pagination.vue?vue&type=style&index=0&id=210f4f6a&lang=scss&scoped=true
-var grid_paginationvue_type_style_index_0_id_210f4f6a_lang_scss_scoped_true = __webpack_require__("5e0f");
+  return object;
+}
 
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue
+/* harmony default export */ var _copyObject = (copyObject);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssign.js
 
 
 
+/**
+ * The base implementation of `_.assign` without support for multiple sources
+ * or `customizer` functions.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @returns {Object} Returns `object`.
+ */
+function baseAssign(object, source) {
+  return object && _copyObject(source, lodash_es_keys(source), object);
+}
 
+/* harmony default export */ var _baseAssign = (baseAssign);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_nativeKeysIn.js
+/**
+ * This function is like
+ * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
+ * except that it includes inherited enumerable properties.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function nativeKeysIn(object) {
+  var result = [];
+  if (object != null) {
+    for (var key in Object(object)) {
+      result.push(key);
+    }
+  }
+  return result;
+}
 
-const grid_pagination_exports_ = /*#__PURE__*/exportHelper_default()(grid_paginationvue_type_script_lang_js, [['render',grid_paginationvue_type_template_id_210f4f6a_scoped_true_render],['__scopeId',"data-v-210f4f6a"]])
+/* harmony default export */ var _nativeKeysIn = (nativeKeysIn);
 
-/* harmony default export */ var grid_pagination = (grid_pagination_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.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseKeysIn.js
 
 
 
-var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-fd0ffe52");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-fd0ffe52");
+/** Used for built-in method references. */
+var _baseKeysIn_objectProto = Object.prototype;
 
-var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1 = {
-  class: "column-list"
-};
+/** Used to check objects for own properties. */
+var _baseKeysIn_hasOwnProperty = _baseKeysIn_objectProto.hasOwnProperty;
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
+/**
+ * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ */
+function baseKeysIn(object) {
+  if (!lodash_es_isObject(object)) {
+    return _nativeKeysIn(object);
+  }
+  var isProto = _isPrototype(object),
+      result = [];
 
-var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render = /*#__PURE__*/grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-    ref: "summaryRef",
-    class: {
-      'grid-summary': true,
-      'non-border': $setup.styleInfo.borderStyle === 'none'
-    }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1, [$setup.showCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
-    key: 0,
-    class: {
-      'column': true,
-      'non-border': !!$setup.styleInfo.borderStyle
-    },
-    style: {
-      'width': "".concat($setup.styleInfo.minWidth, "px"),
-      'line-height': "".concat($setup.styleInfo.rowHeight, "px")
-    }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    style: {
-      'height': "".concat($setup.styleInfo.rowHeight, "px")
+  for (var key in object) {
+    if (!(key == 'constructor' && (isProto || !_baseKeysIn_hasOwnProperty.call(object, key)))) {
+      result.push(key);
     }
-  }, null, 4)], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), (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"])($setup.columns, function (column, index) {
-    var _class;
+  }
+  return result;
+}
 
-    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"], {
-      key: "summary_".concat(index)
-    }, [!column.hide ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
-      key: 0,
-      class: (_class = {
-        column: true,
-        'non-border': !!$setup.styleInfo.borderStyle
-      }, _defineProperty(_class, column.type, column.type), _defineProperty(_class, column.align, column.align), _class),
-      style: {
-        width: "".concat(column.width, "px"),
-        'min-width': "".concat($setup.styleInfo.minWidth, "px"),
-        'line-height': "".concat($setup.styleInfo.rowHeight, "px")
-      }
-    }, [column.summaryType || column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
-      key: 0,
-      style: {
-        width: '100%',
-        height: "".concat($setup.styleInfo.rowHeight, "px")
-      }
-    }, [column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-      key: 0,
-      title: $setup.getSummaryRenderer(column)
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryRenderer(column)), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-      key: 1,
-      title: $setup.getSummaryValue(column, column.summaryType)
-    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryValue(column, column.summaryType)), 9, ["title"]))], 4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
-      key: 1,
-      style: {
-        'height': "".concat($setup.styleInfo.rowHeight, "px")
-      }
-    }, null, 4))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
-  }), 128))])], 2);
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
+/* harmony default export */ var _baseKeysIn = (baseKeysIn);
 
-// 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.summary.vue?vue&type=script&lang=js
+// CONCATENATED MODULE: ./node_modules/lodash-es/keysIn.js
 
 
 
 
+/**
+ * Creates an array of the own and inherited enumerable property names of `object`.
+ *
+ * **Note:** Non-object values are coerced to objects.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names.
+ * @example
+ *
+ * function Foo() {
+ *   this.a = 1;
+ *   this.b = 2;
+ * }
+ *
+ * Foo.prototype.c = 3;
+ *
+ * _.keysIn(new Foo);
+ * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ */
+function keysIn_keysIn(object) {
+  return lodash_es_isArrayLike(object) ? _arrayLikeKeys(object, true) : _baseKeysIn(object);
+}
 
+/* harmony default export */ var lodash_es_keysIn = (keysIn_keysIn);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssignIn.js
 
 
 
+/**
+ * The base implementation of `_.assignIn` without support for multiple sources
+ * or `customizer` functions.
+ *
+ * @private
+ * @param {Object} object The destination object.
+ * @param {Object} source The source object.
+ * @returns {Object} Returns `object`.
+ */
+function baseAssignIn(object, source) {
+  return object && _copyObject(source, lodash_es_keysIn(source), object);
+}
 
+/* harmony default export */ var _baseAssignIn = (baseAssignIn);
 
+// EXTERNAL MODULE: ./node_modules/lodash-es/_cloneBuffer.js
+var _cloneBuffer = __webpack_require__("dff1");
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_copyArray.js
+/**
+ * Copies the values of `source` to `array`.
+ *
+ * @private
+ * @param {Array} source The array to copy values from.
+ * @param {Array} [array=[]] The array to copy values to.
+ * @returns {Array} Returns `array`.
+ */
+function copyArray(source, array) {
+  var index = -1,
+      length = source.length;
 
+  array || (array = Array(length));
+  while (++index < length) {
+    array[index] = source[index];
+  }
+  return array;
+}
 
-/* harmony default export */ var grid_summaryvue_type_script_lang_js = ({
-  name: 'EvGridSummary',
-  props: {
-    stores: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    orderedColumns: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    useCheckbox: {
-      type: Boolean,
-      default: false
-    },
-    styleOption: {
-      type: Object,
-      default: function _default() {
-        return {};
-      }
-    },
-    isTree: {
-      type: Boolean,
-      default: false
-    },
-    scrollLeft: {
-      type: Number,
-      default: 0
-    }
-  },
-  setup: function setup(props) {
-    var summaryRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
-    var ROW_DATA_INDEX = 2;
-    var stores = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return props.stores;
-    });
-    var columns = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return props.orderedColumns;
-    });
-    var showCheckbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return props.useCheckbox;
-    });
-    var styleInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return props.styleOption;
-    });
-
-    var getConvertValue = function getConvertValue(column, value) {
-      var convertValue = value;
-
-      if (column.type === 'number') {
-        convertValue = numberWithComma(value);
-        convertValue = convertValue === false ? value : convertValue;
-      } else if (column.type === 'float') {
-        var _column$decimal;
-
-        var floatValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
-        convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
-      }
+/* harmony default export */ var _copyArray = (copyArray);
 
-      return convertValue;
-    };
+// CONCATENATED MODULE: ./node_modules/lodash-es/_copySymbols.js
 
-    var getColumnIndex = function getColumnIndex(field) {
-      return columns.value.findIndex(function (column) {
-        return column.field === field;
-      });
-    };
 
-    var getSummaryValue = function getSummaryValue(column, summaryType) {
-      var result = '';
-      var columnIndex = getColumnIndex(column.field);
 
-      if (columnIndex >= 0) {
-        if (summaryType === 'count') {
-          return stores.value.store.length;
-        }
+/**
+ * Copies own symbols of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy symbols from.
+ * @param {Object} [object={}] The object to copy symbols to.
+ * @returns {Object} Returns `object`.
+ */
+function copySymbols(source, object) {
+  return _copyObject(source, _getSymbols(source), object);
+}
 
-        if (column.type === 'number' || column.type === 'float') {
-          var columnValues = [];
+/* harmony default export */ var _copySymbols = (copySymbols);
 
-          if (props.isTree) {
-            columnValues = stores.value.store.map(function (node) {
-              var _node$data;
+// CONCATENATED MODULE: ./node_modules/lodash-es/_getPrototype.js
 
-              return (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data[column.field];
-            });
-          } else {
-            columnValues = stores.value.store.map(function (row) {
-              return row[ROW_DATA_INDEX][columnIndex];
-            });
-          }
 
-          switch (summaryType) {
-            case 'sum':
-              result = columnValues.reduce(function (prev, curr) {
-                var value = Number(curr);
+/** Built-in value references. */
+var getPrototype = _overArg(Object.getPrototypeOf, Object);
 
-                if (!Number.isNaN(value)) {
-                  return prev + value;
-                }
+/* harmony default export */ var _getPrototype = (getPrototype);
 
-                return prev;
-              }, 0);
-              break;
+// CONCATENATED MODULE: ./node_modules/lodash-es/_getSymbolsIn.js
 
-            case 'average':
-              result = columnValues.reduce(function (prev, curr) {
-                var value = Number(curr);
 
-                if (!Number.isNaN(value)) {
-                  return prev + value;
-                }
 
-                return prev;
-              }, 0) / columnValues.length;
 
-              if (result % 1 !== 0) {
-                result = result.toFixed(1);
-              }
 
-              break;
+/* Built-in method references for those with the same name as other `lodash` methods. */
+var _getSymbolsIn_nativeGetSymbols = Object.getOwnPropertySymbols;
 
-            case 'max':
-              result = Math.max.apply(Math, _toConsumableArray(columnValues));
-              break;
+/**
+ * Creates an array of the own and inherited enumerable symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of symbols.
+ */
+var getSymbolsIn = !_getSymbolsIn_nativeGetSymbols ? lodash_es_stubArray : function(object) {
+  var result = [];
+  while (object) {
+    _arrayPush(result, _getSymbols(object));
+    object = _getPrototype(object);
+  }
+  return result;
+};
 
-            case 'min':
-              result = Math.min.apply(Math, _toConsumableArray(columnValues));
-              break;
+/* harmony default export */ var _getSymbolsIn = (getSymbolsIn);
 
-            default:
-              break;
-          }
+// CONCATENATED MODULE: ./node_modules/lodash-es/_copySymbolsIn.js
 
-          result = getConvertValue(column, result);
-        }
-      }
 
-      return result;
-    };
 
-    var getSummaryRenderer = function getSummaryRenderer(column) {
-      var str = column.summaryRenderer;
-      var summaryData = column.summaryData ? column.summaryData : [];
-      var fields = [column.field].concat(_toConsumableArray(summaryData));
-      var result = str;
-      fields.forEach(function (name, idx) {
-        var columnIndex = getColumnIndex(name);
+/**
+ * Copies own and inherited symbols of `source` to `object`.
+ *
+ * @private
+ * @param {Object} source The object to copy symbols from.
+ * @param {Object} [object={}] The object to copy symbols to.
+ * @returns {Object} Returns `object`.
+ */
+function copySymbolsIn(source, object) {
+  return _copyObject(source, _getSymbolsIn(source), object);
+}
 
-        if (columnIndex >= 0) {
-          var value = getSummaryValue(stores.value.orderedColumns[columnIndex], column.summaryType);
-          result = result.replace("{".concat(idx, "}"), value);
-        }
-      });
-      return result;
-    };
+/* harmony default export */ var _copySymbolsIn = (copySymbolsIn);
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.scrollLeft;
-    }, function (val) {
-      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-        summaryRef.value.scrollLeft = val;
-      });
-    });
-    return {
-      columns: columns,
-      styleInfo: styleInfo,
-      showCheckbox: showCheckbox,
-      summaryRef: summaryRef,
-      getSummaryValue: getSummaryValue,
-      getSummaryRenderer: getSummaryRenderer
-    };
-  }
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=script&lang=js
- 
-// EXTERNAL MODULE: ./src/components/grid/grid.summary.vue?vue&type=style&index=0&id=fd0ffe52&lang=scss&scoped=true
-var grid_summaryvue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true = __webpack_require__("2f87");
+// CONCATENATED MODULE: ./node_modules/lodash-es/_getAllKeysIn.js
 
-// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue
 
 
 
+/**
+ * Creates an array of own and inherited enumerable property names and
+ * symbols of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the array of property names and symbols.
+ */
+function getAllKeysIn(object) {
+  return _baseGetAllKeys(object, lodash_es_keysIn, _getSymbolsIn);
+}
 
+/* harmony default export */ var _getAllKeysIn = (getAllKeysIn);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneArray.js
+/** Used for built-in method references. */
+var _initCloneArray_objectProto = Object.prototype;
 
+/** Used to check objects for own properties. */
+var _initCloneArray_hasOwnProperty = _initCloneArray_objectProto.hasOwnProperty;
 
-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"]])
+/**
+ * Initializes an array clone.
+ *
+ * @private
+ * @param {Array} array The array to clone.
+ * @returns {Array} Returns the initialized clone.
+ */
+function initCloneArray(array) {
+  var length = array.length,
+      result = new array.constructor(length);
 
-/* 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=88a7d2b6
+  // Add properties assigned by `RegExp#exec`.
+  if (length && typeof array[0] == 'string' && _initCloneArray_hasOwnProperty.call(array, 'index')) {
+    result.index = array.index;
+    result.input = array.input;
+  }
+  return result;
+}
 
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_1 = {
-  class: "ev-grid-column-setting__header"
-};
+/* harmony default export */ var _initCloneArray = (initCloneArray);
 
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
-  class: "header-title"
-}, " Column List ", -1);
+// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneArrayBuffer.js
 
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_3 = {
-  class: "ev-grid-column-setting__content"
-};
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_4 = {
-  key: 1,
-  class: "is-empty"
-};
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_5 = {
-  class: "ev-grid-column-setting__footer"
-};
 
-var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
+/**
+ * Creates a clone of `arrayBuffer`.
+ *
+ * @private
+ * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
+ * @returns {ArrayBuffer} Returns the cloned array buffer.
+ */
+function cloneArrayBuffer(arrayBuffer) {
+  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
+  new _Uint8Array(result).set(new _Uint8Array(arrayBuffer));
+  return result;
+}
 
-function grid_columnSettingvue_type_template_id_88a7d2b6_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
+/* harmony default export */ var _cloneArrayBuffer = (cloneArrayBuffer);
 
-  var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
+// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneDataView.js
 
-  var _component_ev_checkbox_group = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox-group");
 
-  var _component_ev_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button");
+/**
+ * Creates a clone of `dataView`.
+ *
+ * @private
+ * @param {Object} dataView The data view to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the cloned data view.
+ */
+function cloneDataView(dataView, isDeep) {
+  var buffer = isDeep ? _cloneArrayBuffer(dataView.buffer) : dataView.buffer;
+  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
+}
 
-  var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
+/* harmony default export */ var _cloneDataView = (cloneDataView);
 
-  return $setup.isShowColumnSetting ? (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_["Teleport"], {
-    key: 0,
-    to: "#ev-grid-column-setting-modal"
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
-    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_88a7d2b6_hoisted_1, [grid_columnSettingvue_type_template_id_88a7d2b6_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;
-    }),
-    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_88a7d2b6_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) {
-      return $setup.checkColumnGroup = $event;
-    }),
-    onChange: $setup.onCheckColumn
-  }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-      return [(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"])($setup.columnList, function (column, idx) {
-        var _column$label;
+// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneRegExp.js
+/** Used to match `RegExp` flags from their coerced string values. */
+var reFlags = /\w*$/;
 
-        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox, {
-          key: "column_".concat(idx),
-          label: column === null || column === void 0 ? void 0 : column.label,
-          "tooltip-title": (_column$label = column === null || column === void 0 ? void 0 : column.label) !== null && _column$label !== void 0 ? _column$label : ''
-        }, null, 8, ["label", "tooltip-title"]);
-      }), 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_88a7d2b6_hoisted_4, " No records "))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_88a7d2b6_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_88a7d2b6_hoisted_6];
-    }),
-    _: 1
-  }, 8, ["disabled", "onClick"])])], 4), [[_directive_clickoutside, $setup.hideColumnSetting]])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
+/**
+ * Creates a clone of `regexp`.
+ *
+ * @private
+ * @param {Object} regexp The regexp to clone.
+ * @returns {Object} Returns the cloned regexp.
+ */
+function cloneRegExp(regexp) {
+  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
+  result.lastIndex = regexp.lastIndex;
+  return result;
 }
-// CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=template&id=88a7d2b6
-
-// 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
-
 
+/* harmony default export */ var _cloneRegExp = (cloneRegExp);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneSymbol.js
 
 
+/** Used to convert symbols to primitives and strings. */
+var _cloneSymbol_symbolProto = _Symbol ? _Symbol.prototype : undefined,
+    _cloneSymbol_symbolValueOf = _cloneSymbol_symbolProto ? _cloneSymbol_symbolProto.valueOf : undefined;
 
+/**
+ * Creates a clone of the `symbol` object.
+ *
+ * @private
+ * @param {Object} symbol The symbol object to clone.
+ * @returns {Object} Returns the cloned symbol object.
+ */
+function cloneSymbol(symbol) {
+  return _cloneSymbol_symbolValueOf ? Object(_cloneSymbol_symbolValueOf.call(symbol)) : {};
+}
 
+/* harmony default export */ var _cloneSymbol = (cloneSymbol);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneTypedArray.js
 
 
-/* harmony default export */ var grid_columnSettingvue_type_script_lang_js = ({
-  name: 'EVGridColumnSetting',
-  directives: {
-    clickoutside: clickoutside
-  },
-  props: {
-    isShow: {
-      type: Boolean,
-      default: false
-    },
-    columns: {
-      type: [Array],
-      default: function _default() {
-        return [];
-      }
-    },
-    hiddenColumn: {
-      type: String,
-      default: ''
-    }
-  },
-  emits: {
-    'update:isShow': null,
-    'apply-column': null
-  },
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var isShowColumnSetting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])({
-      get: function get() {
-        return props.isShow;
-      },
-      set: function set(val) {
-        return emit('update:isShow', val);
-      }
-    });
-    var columnSettingWrapper = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
-    var searchVm = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])('');
-    var isSearch = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
-    var checkColumnGroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
-    var originColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
-    var searchColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
-    var applyColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
-    var columnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return isSearch.value ? searchColumnList.value : originColumnList.value;
-    });
-    var isDisabled = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return !columnList.value.length;
-    });
-    var timer = null;
-    var lastCheckedColumn = null;
-    var toolbarWrapperDiv = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('toolbarWrapper');
-    var columnSettingStyle = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
-      top: null,
-      left: null
-    });
+/**
+ * Creates a clone of `typedArray`.
+ *
+ * @private
+ * @param {Object} typedArray The typed array to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the cloned typed array.
+ */
+function cloneTypedArray(typedArray, isDeep) {
+  var buffer = isDeep ? _cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
+  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
+}
 
-    var onCheckColumn = function onCheckColumn(columns) {
-      if ((columns === null || columns === void 0 ? void 0 : columns.length) === 1) {
-        lastCheckedColumn = columns[0];
-      } else if ((columns === null || columns === void 0 ? void 0 : columns.length) < 1 && lastCheckedColumn !== null) {
-        // 최소 한개 컬럼은 선택되도록
-        checkColumnGroup.value.push(lastCheckedColumn);
-      }
-    };
+/* harmony default export */ var _cloneTypedArray = (cloneTypedArray);
 
-    var onSearchColumn = function onSearchColumn(searchWord) {
-      if (timer) {
-        clearTimeout(timer);
-      }
+// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneByTag.js
 
-      timer = setTimeout(function () {
-        isSearch.value = false;
 
-        if (searchWord) {
-          var lowerCasedSearchWord = searchWord.toString().toLowerCase();
-          searchColumnList.value = originColumnList.value.filter(function (column) {
-            var columnName = column.label.toString().toLowerCase();
-            return columnName.includes(lowerCasedSearchWord);
-          });
-          isSearch.value = true;
-        }
-      }, 500);
-    };
 
-    var initSearchValue = function initSearchValue() {
-      searchVm.value = '';
-      isSearch.value = false;
-      searchColumnList.value.length = 0;
-    };
 
-    var initValue = function initValue() {
-      var columns = applyColumnList.value.length ? applyColumnList.value : originColumnList.value;
-      checkColumnGroup.value = columns.map(function (col) {
-        return col.label || [];
-      });
-      initSearchValue();
-    };
 
-    var onApplyColumn = function onApplyColumn() {
-      applyColumnList.value = originColumnList.value.filter(function (col) {
-        return checkColumnGroup.value.includes(col.label);
-      });
-      var checkedColumns = applyColumnList.value.map(function (col) {
-        return col.text;
-      });
-      emit('apply-column', checkedColumns);
-      initSearchValue();
-      isShowColumnSetting.value = false;
-    };
 
-    var setColumns = function setColumns() {
-      var _originColumnList$val;
+/** `Object#toString` result references. */
+var _initCloneByTag_boolTag = '[object Boolean]',
+    _initCloneByTag_dateTag = '[object Date]',
+    _initCloneByTag_mapTag = '[object Map]',
+    _initCloneByTag_numberTag = '[object Number]',
+    _initCloneByTag_regexpTag = '[object RegExp]',
+    _initCloneByTag_setTag = '[object Set]',
+    _initCloneByTag_stringTag = '[object String]',
+    _initCloneByTag_symbolTag = '[object Symbol]';
 
-      originColumnList.value = props.columns.filter(function (col) {
-        return !col.hide && col.caption;
-      }).map(function (col) {
-        return {
-          label: col.caption,
-          text: col.field
-        };
-      });
-      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 _initCloneByTag_arrayBufferTag = '[object ArrayBuffer]',
+    _initCloneByTag_dataViewTag = '[object DataView]',
+    _initCloneByTag_float32Tag = '[object Float32Array]',
+    _initCloneByTag_float64Tag = '[object Float64Array]',
+    _initCloneByTag_int8Tag = '[object Int8Array]',
+    _initCloneByTag_int16Tag = '[object Int16Array]',
+    _initCloneByTag_int32Tag = '[object Int32Array]',
+    _initCloneByTag_uint8Tag = '[object Uint8Array]',
+    _initCloneByTag_uint8ClampedTag = '[object Uint8ClampedArray]',
+    _initCloneByTag_uint16Tag = '[object Uint16Array]',
+    _initCloneByTag_uint32Tag = '[object Uint32Array]';
 
-    var hideColumnSetting = function hideColumnSetting() {
-      isShowColumnSetting.value = false;
-      initValue();
-    };
+/**
+ * Initializes an object clone based on its `toStringTag`.
+ *
+ * **Note:** This function only supports cloning values with tags of
+ * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @param {string} tag The `toStringTag` of the object to clone.
+ * @param {boolean} [isDeep] Specify a deep clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+function initCloneByTag(object, tag, isDeep) {
+  var Ctor = object.constructor;
+  switch (tag) {
+    case _initCloneByTag_arrayBufferTag:
+      return _cloneArrayBuffer(object);
 
-    var initWrapperDiv = function initWrapperDiv() {
-      var root = document.createElement('div');
-      root.id = 'ev-grid-column-setting-modal';
-      root.setAttribute('style', 'position: absolute; top: 0; left: 0;');
-      var hasRoot = document.getElementById('ev-grid-column-setting-modal');
+    case _initCloneByTag_boolTag:
+    case _initCloneByTag_dateTag:
+      return new Ctor(+object);
 
-      if (!hasRoot) {
-        document.body.appendChild(root);
-      }
-    };
+    case _initCloneByTag_dataViewTag:
+      return _cloneDataView(object, isDeep);
 
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeMount"])(function () {
-      return initWrapperDiv();
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.columns;
-    }, function () {
-      setColumns();
-    }, {
-      immediate: true,
-      deep: true
-    });
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return isShowColumnSetting.value;
-    }, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
-      var _columnSettingWrapper, _toolbarWrapperDiv$va;
+    case _initCloneByTag_float32Tag: case _initCloneByTag_float64Tag:
+    case _initCloneByTag_int8Tag: case _initCloneByTag_int16Tag: case _initCloneByTag_int32Tag:
+    case _initCloneByTag_uint8Tag: case _initCloneByTag_uint8ClampedTag: case _initCloneByTag_uint16Tag: case _initCloneByTag_uint32Tag:
+      return _cloneTypedArray(object, isDeep);
 
-      var columnSettingWrapperRect, toolbarWrapperDivRect, columnSettingWidth, toolbarHeight, columnSettingTop, columnSettingRight;
-      return regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (isShowColumnSetting.value) {
-                _context.next = 2;
-                break;
-              }
+    case _initCloneByTag_mapTag:
+      return new Ctor;
 
-              return _context.abrupt("return");
+    case _initCloneByTag_numberTag:
+    case _initCloneByTag_stringTag:
+      return new Ctor(object);
 
-            case 2:
-              _context.next = 4;
-              return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+    case _initCloneByTag_regexpTag:
+      return _cloneRegExp(object);
 
-            case 4:
-              columnSettingWrapperRect = (_columnSettingWrapper = columnSettingWrapper.value) === null || _columnSettingWrapper === void 0 ? void 0 : _columnSettingWrapper.getBoundingClientRect();
-              toolbarWrapperDivRect = (_toolbarWrapperDiv$va = toolbarWrapperDiv.value) === null || _toolbarWrapperDiv$va === void 0 ? void 0 : _toolbarWrapperDiv$va.getBoundingClientRect();
-              columnSettingWidth = columnSettingWrapperRect === null || columnSettingWrapperRect === void 0 ? void 0 : columnSettingWrapperRect.width;
-              toolbarHeight = toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.height;
-              columnSettingTop = (toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.top) + document.documentElement.scrollTop;
-              columnSettingRight = (toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.right) + document.documentElement.scrollLeft;
-              columnSettingStyle.top = "".concat(columnSettingTop + toolbarHeight, "px");
-              columnSettingStyle.left = "".concat(columnSettingRight - columnSettingWidth, "px");
+    case _initCloneByTag_setTag:
+      return new Ctor;
 
-            case 12:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.hiddenColumn;
-    }, function (value) {
-      var filterColumns = applyColumnList.value.length ? applyColumnList.value.filter(function (col) {
-        return col.text !== value;
-      }) : originColumnList.value.filter(function (col) {
-        return col.text !== value;
-      });
-      applyColumnList.value = filterColumns;
-      checkColumnGroup.value = filterColumns.map(function (col) {
-        return col.label;
-      });
-    });
-    return {
-      columnSettingWrapper: columnSettingWrapper,
-      columnSettingStyle: columnSettingStyle,
-      isShowColumnSetting: isShowColumnSetting,
-      checkColumnGroup: checkColumnGroup,
-      columnList: columnList,
-      searchVm: searchVm,
-      isDisabled: isDisabled,
-      onSearchColumn: onSearchColumn,
-      onApplyColumn: onApplyColumn,
-      onCheckColumn: onCheckColumn,
-      hideColumnSetting: hideColumnSetting
-    };
+    case _initCloneByTag_symbolTag:
+      return _cloneSymbol(object);
   }
-});
-// 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=88a7d2b6&lang=scss
-var grid_columnSettingvue_type_style_index_0_id_88a7d2b6_lang_scss = __webpack_require__("9cdf");
-
-// CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue
+}
 
+/* harmony default export */ var _initCloneByTag = (initCloneByTag);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseCreate.js
 
 
+/** Built-in value references. */
+var objectCreate = Object.create;
 
+/**
+ * The base implementation of `_.create` without support for assigning
+ * properties to the created object.
+ *
+ * @private
+ * @param {Object} proto The object to inherit from.
+ * @returns {Object} Returns the new object.
+ */
+var baseCreate = (function() {
+  function object() {}
+  return function(proto) {
+    if (!lodash_es_isObject(proto)) {
+      return {};
+    }
+    if (objectCreate) {
+      return objectCreate(proto);
+    }
+    object.prototype = proto;
+    var result = new object;
+    object.prototype = undefined;
+    return result;
+  };
+}());
 
+/* harmony default export */ var _baseCreate = (baseCreate);
 
-const grid_columnSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_columnSettingvue_type_script_lang_js, [['render',grid_columnSettingvue_type_template_id_88a7d2b6_render]])
+// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneObject.js
 
-/* 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.filterSetting.vue?vue&type=template&id=267bd480
 
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_1 = {
-  class: "ev-grid-filter-setting__header"
-};
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_2 = {
-  class: "header-title"
-};
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_3 = {
-  class: "ev-grid-filter-setting__content"
-};
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_4 = {
-  class: "ev-grid-filter-setting__row--button"
-};
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_5 = {
-  class: "ev-grid-filter-setting__footer"
-};
 
-var grid_filterSettingvue_type_template_id_267bd480_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
 
-function grid_filterSettingvue_type_template_id_267bd480_render(_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
+/**
+ * Initializes an object clone.
+ *
+ * @private
+ * @param {Object} object The object to clone.
+ * @returns {Object} Returns the initialized clone.
+ */
+function initCloneObject(object) {
+  return (typeof object.constructor == 'function' && !_isPrototype(object))
+    ? _baseCreate(_getPrototype(object))
+    : {};
+}
 
-  var _component_ev_select = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-select");
+/* harmony default export */ var _initCloneObject = (initCloneObject);
 
-  var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMap.js
 
-  var _component_ev_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button");
 
-  var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
 
-  return $setup.isShowFilterSetting ? (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_["Teleport"], {
-    key: 0,
-    to: "#ev-grid-filter-setting-modal"
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
-    class: "ev-grid-filter-setting",
-    style: {
-      top: _ctx.$props.position.top,
-      left: _ctx.$props.position.left
-    }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
-    icon: "ev-icon-filter-list"
-  }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", grid_filterSettingvue_type_template_id_267bd480_hoisted_2, " Filter (" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.$props.column.caption) + ") ", 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_3, [(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"])($setup.filteringItems, function (item, idx) {
-    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
-      key: idx,
-      class: "ev-grid-filter-setting__row"
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_select, {
-      modelValue: item.operator,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return item.operator = $event;
-      },
-      class: "ev-grid-filter-setting__row--operator",
-      title: $setup.getSelectTitle($setup.items1, item.operator),
-      items: $setup.items1,
-      disabled: idx > 1,
-      style: {
-        visibility: idx > 0 ? 'visible' : 'hidden'
-      },
-      onChange: $setup.changeOperator
-    }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "disabled", "style", "onChange"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_select, {
-      modelValue: item.comparison,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return item.comparison = $event;
-      },
-      class: "ev-grid-filter-setting__row--comparison",
-      title: $setup.getSelectTitle($setup.items2, item.comparison),
-      items: $setup.items2,
-      onChange: function onChange($event) {
-        return $setup.changeComparison(item.comparison, idx);
-      }
-    }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "onChange"]), _ctx.$props.column.type === 'boolean' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_select, {
-      key: 0,
-      modelValue: item.value,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return item.value = $event;
-      },
-      class: "ev-grid-filter-setting__row--comparison",
-      items: $setup.booleanItems
-    }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_text_field, {
-      key: 1,
-      modelValue: item.value,
-      "onUpdate:modelValue": function onUpdateModelValue($event) {
-        return item.value = $event;
-      },
-      class: "ev-grid-filter-setting__row--value",
-      disabled: item.comparison === 'isEmpty' || item.comparison === 'isNotEmpty',
-      onInput: function onInput($event) {
-        return $setup.validateValue(_ctx.$props.column.type, item);
-      }
-    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onInput"])), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
-      icon: "ev-icon-trash2",
-      onClick: function onClick($event) {
-        return $setup.removeRow(idx);
-      }
-    }, null, 8, ["onClick"])])]);
-  }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
-    type: "primary",
-    onClick: $setup.applyFiltering
-  }, {
-    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
-      return [grid_filterSettingvue_type_template_id_267bd480_hoisted_6];
-    }),
-    _: 1
-  }, 8, ["onClick"])])], 4), [[_directive_clickoutside, function () {
-    $setup.isShowFilterSetting = false;
-  }]])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
-}
-// CONCATENATED MODULE: ./src/components/grid/grid.filterSetting.vue?vue&type=template&id=267bd480
+/** `Object#toString` result references. */
+var _baseIsMap_mapTag = '[object Map]';
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_arrayEach.js
 /**
- * A specialized version of `_.forEach` for arrays without support for
- * iteratee shorthands.
+ * The base implementation of `_.isMap` without Node.js optimizations.
  *
  * @private
- * @param {Array} [array] The array to iterate over.
- * @param {Function} iteratee The function invoked per iteration.
- * @returns {Array} Returns `array`.
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a map, else `false`.
  */
-function arrayEach(array, iteratee) {
-  var index = -1,
-      length = array == null ? 0 : array.length;
-
-  while (++index < length) {
-    if (iteratee(array[index], index, array) === false) {
-      break;
-    }
-  }
-  return array;
+function baseIsMap(value) {
+  return lodash_es_isObjectLike(value) && _getTag(value) == _baseIsMap_mapTag;
 }
 
-/* harmony default export */ var _arrayEach = (arrayEach);
+/* harmony default export */ var _baseIsMap = (baseIsMap);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_defineProperty.js
+// CONCATENATED MODULE: ./node_modules/lodash-es/isMap.js
 
 
-var defineProperty = (function() {
-  try {
-    var func = _getNative(Object, 'defineProperty');
-    func({}, '', {});
-    return func;
-  } catch (e) {}
-}());
 
-/* harmony default export */ var lodash_es_defineProperty = (defineProperty);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssignValue.js
+/* Node.js helper references. */
+var nodeIsMap = _nodeUtil["a" /* default */] && _nodeUtil["a" /* default */].isMap;
 
+/**
+ * Checks if `value` is classified as a `Map` object.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a map, else `false`.
+ * @example
+ *
+ * _.isMap(new Map);
+ * // => true
+ *
+ * _.isMap(new WeakMap);
+ * // => false
+ */
+var isMap = nodeIsMap ? _baseUnary(nodeIsMap) : _baseIsMap;
+
+/* harmony default export */ var lodash_es_isMap = (isMap);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsSet.js
+
+
+
+/** `Object#toString` result references. */
+var _baseIsSet_setTag = '[object Set]';
 
 /**
- * The base implementation of `assignValue` and `assignMergeValue` without
- * value checks.
+ * The base implementation of `_.isSet` without Node.js optimizations.
  *
  * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a set, else `false`.
  */
-function baseAssignValue(object, key, value) {
-  if (key == '__proto__' && lodash_es_defineProperty) {
-    lodash_es_defineProperty(object, key, {
-      'configurable': true,
-      'enumerable': true,
-      'value': value,
-      'writable': true
-    });
-  } else {
-    object[key] = value;
-  }
+function baseIsSet(value) {
+  return lodash_es_isObjectLike(value) && _getTag(value) == _baseIsSet_setTag;
 }
 
-/* harmony default export */ var _baseAssignValue = (baseAssignValue);
+/* harmony default export */ var _baseIsSet = (baseIsSet);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_assignValue.js
+// CONCATENATED MODULE: ./node_modules/lodash-es/isSet.js
 
 
 
-/** Used for built-in method references. */
-var _assignValue_objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var _assignValue_hasOwnProperty = _assignValue_objectProto.hasOwnProperty;
+/* Node.js helper references. */
+var nodeIsSet = _nodeUtil["a" /* default */] && _nodeUtil["a" /* default */].isSet;
 
 /**
- * Assigns `value` to `key` of `object` if the existing value is not equivalent
- * using [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)
- * for equality comparisons.
+ * Checks if `value` is classified as a `Set` object.
  *
- * @private
- * @param {Object} object The object to modify.
- * @param {string} key The key of the property to assign.
- * @param {*} value The value to assign.
+ * @static
+ * @memberOf _
+ * @since 4.3.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a set, else `false`.
+ * @example
+ *
+ * _.isSet(new Set);
+ * // => true
+ *
+ * _.isSet(new WeakSet);
+ * // => false
  */
-function assignValue(object, key, value) {
-  var objValue = object[key];
-  if (!(_assignValue_hasOwnProperty.call(object, key) && lodash_es_eq(objValue, value)) ||
-      (value === undefined && !(key in object))) {
-    _baseAssignValue(object, key, value);
-  }
-}
+var isSet = nodeIsSet ? _baseUnary(nodeIsSet) : _baseIsSet;
+
+/* harmony default export */ var lodash_es_isSet = (isSet);
 
-/* harmony default export */ var _assignValue = (assignValue);
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseClone.js
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_copyObject.js
 
 
 
-/**
- * Copies properties of `source` to `object`.
- *
- * @private
- * @param {Object} source The object to copy properties from.
- * @param {Array} props The property identifiers to copy.
- * @param {Object} [object={}] The object to copy properties to.
- * @param {Function} [customizer] The function to customize copied values.
- * @returns {Object} Returns `object`.
- */
-function copyObject(source, props, object, customizer) {
-  var isNew = !object;
-  object || (object = {});
 
-  var index = -1,
-      length = props.length;
 
-  while (++index < length) {
-    var key = props[index];
 
-    var newValue = customizer
-      ? customizer(object[key], source[key], key, object, source)
-      : undefined;
 
-    if (newValue === undefined) {
-      newValue = source[key];
-    }
-    if (isNew) {
-      _baseAssignValue(object, key, newValue);
-    } else {
-      _assignValue(object, key, newValue);
-    }
-  }
-  return object;
-}
 
-/* harmony default export */ var _copyObject = (copyObject);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssign.js
 
 
 
-/**
- * The base implementation of `_.assign` without support for multiple sources
- * or `customizer` functions.
- *
- * @private
- * @param {Object} object The destination object.
- * @param {Object} source The source object.
- * @returns {Object} Returns `object`.
- */
-function baseAssign(object, source) {
-  return object && _copyObject(source, lodash_es_keys(source), object);
-}
 
-/* harmony default export */ var _baseAssign = (baseAssign);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_nativeKeysIn.js
-/**
- * This function is like
- * [`Object.keys`](http://ecma-international.org/ecma-262/7.0/#sec-object.keys)
- * except that it includes inherited enumerable properties.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
- */
-function nativeKeysIn(object) {
-  var result = [];
-  if (object != null) {
-    for (var key in Object(object)) {
-      result.push(key);
-    }
-  }
-  return result;
-}
 
-/* harmony default export */ var _nativeKeysIn = (nativeKeysIn);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseKeysIn.js
 
 
 
 
-/** Used for built-in method references. */
-var _baseKeysIn_objectProto = Object.prototype;
 
-/** Used to check objects for own properties. */
-var _baseKeysIn_hasOwnProperty = _baseKeysIn_objectProto.hasOwnProperty;
+/** Used to compose bitmasks for cloning. */
+var CLONE_DEEP_FLAG = 1,
+    CLONE_FLAT_FLAG = 2,
+    CLONE_SYMBOLS_FLAG = 4;
+
+/** `Object#toString` result references. */
+var _baseClone_argsTag = '[object Arguments]',
+    _baseClone_arrayTag = '[object Array]',
+    _baseClone_boolTag = '[object Boolean]',
+    _baseClone_dateTag = '[object Date]',
+    _baseClone_errorTag = '[object Error]',
+    _baseClone_funcTag = '[object Function]',
+    _baseClone_genTag = '[object GeneratorFunction]',
+    _baseClone_mapTag = '[object Map]',
+    _baseClone_numberTag = '[object Number]',
+    _baseClone_objectTag = '[object Object]',
+    _baseClone_regexpTag = '[object RegExp]',
+    _baseClone_setTag = '[object Set]',
+    _baseClone_stringTag = '[object String]',
+    _baseClone_symbolTag = '[object Symbol]',
+    _baseClone_weakMapTag = '[object WeakMap]';
+
+var _baseClone_arrayBufferTag = '[object ArrayBuffer]',
+    _baseClone_dataViewTag = '[object DataView]',
+    _baseClone_float32Tag = '[object Float32Array]',
+    _baseClone_float64Tag = '[object Float64Array]',
+    _baseClone_int8Tag = '[object Int8Array]',
+    _baseClone_int16Tag = '[object Int16Array]',
+    _baseClone_int32Tag = '[object Int32Array]',
+    _baseClone_uint8Tag = '[object Uint8Array]',
+    _baseClone_uint8ClampedTag = '[object Uint8ClampedArray]',
+    _baseClone_uint16Tag = '[object Uint16Array]',
+    _baseClone_uint32Tag = '[object Uint32Array]';
+
+/** Used to identify `toStringTag` values supported by `_.clone`. */
+var cloneableTags = {};
+cloneableTags[_baseClone_argsTag] = cloneableTags[_baseClone_arrayTag] =
+cloneableTags[_baseClone_arrayBufferTag] = cloneableTags[_baseClone_dataViewTag] =
+cloneableTags[_baseClone_boolTag] = cloneableTags[_baseClone_dateTag] =
+cloneableTags[_baseClone_float32Tag] = cloneableTags[_baseClone_float64Tag] =
+cloneableTags[_baseClone_int8Tag] = cloneableTags[_baseClone_int16Tag] =
+cloneableTags[_baseClone_int32Tag] = cloneableTags[_baseClone_mapTag] =
+cloneableTags[_baseClone_numberTag] = cloneableTags[_baseClone_objectTag] =
+cloneableTags[_baseClone_regexpTag] = cloneableTags[_baseClone_setTag] =
+cloneableTags[_baseClone_stringTag] = cloneableTags[_baseClone_symbolTag] =
+cloneableTags[_baseClone_uint8Tag] = cloneableTags[_baseClone_uint8ClampedTag] =
+cloneableTags[_baseClone_uint16Tag] = cloneableTags[_baseClone_uint32Tag] = true;
+cloneableTags[_baseClone_errorTag] = cloneableTags[_baseClone_funcTag] =
+cloneableTags[_baseClone_weakMapTag] = false;
 
 /**
- * The base implementation of `_.keysIn` which doesn't treat sparse arrays as dense.
+ * The base implementation of `_.clone` and `_.cloneDeep` which tracks
+ * traversed objects.
  *
  * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
+ * @param {*} value The value to clone.
+ * @param {boolean} bitmask The bitmask flags.
+ *  1 - Deep clone
+ *  2 - Flatten inherited properties
+ *  4 - Clone symbols
+ * @param {Function} [customizer] The function to customize cloning.
+ * @param {string} [key] The key of `value`.
+ * @param {Object} [object] The parent object of `value`.
+ * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
+ * @returns {*} Returns the cloned value.
  */
-function baseKeysIn(object) {
-  if (!lodash_es_isObject(object)) {
-    return _nativeKeysIn(object);
+function baseClone(value, bitmask, customizer, key, object, stack) {
+  var result,
+      isDeep = bitmask & CLONE_DEEP_FLAG,
+      isFlat = bitmask & CLONE_FLAT_FLAG,
+      isFull = bitmask & CLONE_SYMBOLS_FLAG;
+
+  if (customizer) {
+    result = object ? customizer(value, key, object, stack) : customizer(value);
   }
-  var isProto = _isPrototype(object),
-      result = [];
+  if (result !== undefined) {
+    return result;
+  }
+  if (!lodash_es_isObject(value)) {
+    return value;
+  }
+  var isArr = lodash_es_isArray(value);
+  if (isArr) {
+    result = _initCloneArray(value);
+    if (!isDeep) {
+      return _copyArray(value, result);
+    }
+  } else {
+    var tag = _getTag(value),
+        isFunc = tag == _baseClone_funcTag || tag == _baseClone_genTag;
 
-  for (var key in object) {
-    if (!(key == 'constructor' && (isProto || !_baseKeysIn_hasOwnProperty.call(object, key)))) {
-      result.push(key);
+    if (Object(isBuffer["a" /* default */])(value)) {
+      return Object(_cloneBuffer["a" /* default */])(value, isDeep);
+    }
+    if (tag == _baseClone_objectTag || tag == _baseClone_argsTag || (isFunc && !object)) {
+      result = (isFlat || isFunc) ? {} : _initCloneObject(value);
+      if (!isDeep) {
+        return isFlat
+          ? _copySymbolsIn(value, _baseAssignIn(result, value))
+          : _copySymbols(value, _baseAssign(result, value));
+      }
+    } else {
+      if (!cloneableTags[tag]) {
+        return object ? value : {};
+      }
+      result = _initCloneByTag(value, tag, isDeep);
     }
   }
+  // Check for circular references and return its corresponding clone.
+  stack || (stack = new _Stack);
+  var stacked = stack.get(value);
+  if (stacked) {
+    return stacked;
+  }
+  stack.set(value, result);
+
+  if (lodash_es_isSet(value)) {
+    value.forEach(function(subValue) {
+      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
+    });
+  } else if (lodash_es_isMap(value)) {
+    value.forEach(function(subValue, key) {
+      result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));
+    });
+  }
+
+  var keysFunc = isFull
+    ? (isFlat ? _getAllKeysIn : _getAllKeys)
+    : (isFlat ? keysIn : lodash_es_keys);
+
+  var props = isArr ? undefined : keysFunc(value);
+  _arrayEach(props || value, function(subValue, key) {
+    if (props) {
+      key = subValue;
+      subValue = value[key];
+    }
+    // Recursively populate clone (susceptible to call stack limits).
+    _assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack));
+  });
   return result;
 }
 
-/* harmony default export */ var _baseKeysIn = (baseKeysIn);
-
-// CONCATENATED MODULE: ./node_modules/lodash-es/keysIn.js
+/* harmony default export */ var _baseClone = (baseClone);
 
+// CONCATENATED MODULE: ./node_modules/lodash-es/cloneDeep.js
 
 
+/** Used to compose bitmasks for cloning. */
+var cloneDeep_CLONE_DEEP_FLAG = 1,
+    cloneDeep_CLONE_SYMBOLS_FLAG = 4;
 
 /**
- * Creates an array of the own and inherited enumerable property names of `object`.
- *
- * **Note:** Non-object values are coerced to objects.
+ * This method is like `_.clone` except that it recursively clones `value`.
  *
  * @static
  * @memberOf _
- * @since 3.0.0
- * @category Object
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names.
+ * @since 1.0.0
+ * @category Lang
+ * @param {*} value The value to recursively clone.
+ * @returns {*} Returns the deep cloned value.
+ * @see _.clone
  * @example
  *
- * function Foo() {
- *   this.a = 1;
- *   this.b = 2;
- * }
- *
- * Foo.prototype.c = 3;
+ * var objects = [{ 'a': 1 }, { 'b': 2 }];
  *
- * _.keysIn(new Foo);
- * // => ['a', 'b', 'c'] (iteration order is not guaranteed)
+ * var deep = _.cloneDeep(objects);
+ * console.log(deep[0] === objects[0]);
+ * // => false
  */
-function keysIn_keysIn(object) {
-  return lodash_es_isArrayLike(object) ? _arrayLikeKeys(object, true) : _baseKeysIn(object);
+function cloneDeep(value) {
+  return _baseClone(value, cloneDeep_CLONE_DEEP_FLAG | cloneDeep_CLONE_SYMBOLS_FLAG);
 }
 
-/* harmony default export */ var lodash_es_keysIn = (keysIn_keysIn);
+/* harmony default export */ var lodash_es_cloneDeep = (cloneDeep);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseAssignIn.js
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/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
 
+var grid_toolbarvue_type_template_id_481d025f_hoisted_1 = {
+  class: "gridToolbar"
+};
+function grid_toolbarvue_type_template_id_481d025f_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", grid_toolbarvue_type_template_id_481d025f_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "toolbarWrapper")]);
+}
+// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=template&id=481d025f
 
+// 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.toolbar.vue?vue&type=script&lang=js
+/* harmony default export */ var grid_toolbarvue_type_script_lang_js = ({
+  name: 'EvGridToolbar'
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.toolbar.vue?vue&type=style&index=0&id=481d025f&lang=scss
+var grid_toolbarvue_type_style_index_0_id_481d025f_lang_scss = __webpack_require__("21e8");
 
-/**
- * The base implementation of `_.assignIn` without support for multiple sources
- * or `customizer` functions.
- *
- * @private
- * @param {Object} object The destination object.
- * @param {Object} source The source object.
- * @returns {Object} Returns `object`.
- */
-function baseAssignIn(object, source) {
-  return object && _copyObject(source, lodash_es_keysIn(source), object);
-}
+// CONCATENATED MODULE: ./src/components/grid/grid.toolbar.vue
 
-/* harmony default export */ var _baseAssignIn = (baseAssignIn);
 
-// EXTERNAL MODULE: ./node_modules/lodash-es/_cloneBuffer.js
-var _cloneBuffer = __webpack_require__("dff1");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_copyArray.js
-/**
- * Copies the values of `source` to `array`.
- *
- * @private
- * @param {Array} source The array to copy values from.
- * @param {Array} [array=[]] The array to copy values to.
- * @returns {Array} Returns `array`.
- */
-function copyArray(source, array) {
-  var index = -1,
-      length = source.length;
 
-  array || (array = Array(length));
-  while (++index < length) {
-    array[index] = source[index];
-  }
-  return array;
-}
 
-/* harmony default export */ var _copyArray = (copyArray);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_copySymbols.js
 
+const grid_toolbar_exports_ = /*#__PURE__*/exportHelper_default()(grid_toolbarvue_type_script_lang_js, [['render',grid_toolbarvue_type_template_id_481d025f_render]])
 
+/* harmony default export */ var grid_toolbar = (grid_toolbar_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.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
 
-/**
- * Copies own symbols of `source` to `object`.
- *
- * @private
- * @param {Object} source The object to copy symbols from.
- * @param {Object} [object={}] The object to copy symbols to.
- * @returns {Object} Returns `object`.
- */
-function copySymbols(source, object) {
-  return _copyObject(source, _getSymbols(source), object);
-}
 
-/* harmony default export */ var _copySymbols = (copySymbols);
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-210f4f6a");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_getPrototype.js
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-210f4f6a");
 
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1 = {
+  class: "grid-pagination"
+};
 
-/** Built-in value references. */
-var getPrototype = _overArg(Object.getPrototypeOf, Object);
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-/* harmony default export */ var _getPrototype = (getPrototype);
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_render = /*#__PURE__*/grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-pagination");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_getSymbolsIn.js
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_pagination, {
+    modelValue: $setup.currentValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+      return $setup.currentValue = $event;
+    }),
+    total: $props.total,
+    "per-page": $props.perPage,
+    "visible-page": $props.visiblePage,
+    "show-page-info": $props.showPageInfo,
+    order: $props.order,
+    onChange: $setup.changePage
+  }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order", "onChange"])]);
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&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/grid/grid.pagination.vue?vue&type=script&lang=js
 
 
 
+/* harmony default export */ var grid_paginationvue_type_script_lang_js = ({
+  name: 'EvGridPagination',
+  props: {
+    total: {
+      type: [Number, String],
+      default: 0
+    },
+    visiblePage: {
+      type: [Number, String],
+      default: 8
+    },
+    perPage: {
+      type: [Number, String],
+      default: 20
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 1
+    },
+    showPageInfo: {
+      type: Boolean,
+      default: false
+    },
+    order: {
+      type: String,
+      default: 'left',
+      validator: function validator(val) {
+        return ['left', 'right', 'center'].includes(val);
+      }
+    }
+  },
+  emits: {
+    'update:modelValue': null
+  },
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
 
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var _getSymbolsIn_nativeGetSymbols = Object.getOwnPropertySymbols;
+    var changePage = function changePage(page) {
+      currentValue.value = page > 0 ? page : 1;
+      emit('update:modelValue', currentValue.value);
+    };
 
-/**
- * Creates an array of the own and inherited enumerable symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of symbols.
- */
-var getSymbolsIn = !_getSymbolsIn_nativeGetSymbols ? lodash_es_stubArray : function(object) {
-  var result = [];
-  while (object) {
-    _arrayPush(result, _getSymbols(object));
-    object = _getPrototype(object);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.modelValue;
+    }, function (value) {
+      currentValue.value = value;
+    });
+    return {
+      currentValue: currentValue,
+      changePage: changePage
+    };
   }
-  return result;
-};
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.pagination.vue?vue&type=style&index=0&id=210f4f6a&lang=scss&scoped=true
+var grid_paginationvue_type_style_index_0_id_210f4f6a_lang_scss_scoped_true = __webpack_require__("5e0f");
 
-/* harmony default export */ var _getSymbolsIn = (getSymbolsIn);
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_copySymbolsIn.js
 
 
 
-/**
- * Copies own and inherited symbols of `source` to `object`.
- *
- * @private
- * @param {Object} source The object to copy symbols from.
- * @param {Object} [object={}] The object to copy symbols to.
- * @returns {Object} Returns `object`.
- */
-function copySymbolsIn(source, object) {
-  return _copyObject(source, _getSymbolsIn(source), object);
-}
 
-/* harmony default export */ var _copySymbolsIn = (copySymbolsIn);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_getAllKeysIn.js
 
+const grid_pagination_exports_ = /*#__PURE__*/exportHelper_default()(grid_paginationvue_type_script_lang_js, [['render',grid_paginationvue_type_template_id_210f4f6a_scoped_true_render],['__scopeId',"data-v-210f4f6a"]])
 
+/* harmony default export */ var grid_pagination = (grid_pagination_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.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
 
 
-/**
- * Creates an array of own and inherited enumerable property names and
- * symbols of `object`.
- *
- * @private
- * @param {Object} object The object to query.
- * @returns {Array} Returns the array of property names and symbols.
- */
-function getAllKeysIn(object) {
-  return _baseGetAllKeys(object, lodash_es_keysIn, _getSymbolsIn);
-}
 
-/* harmony default export */ var _getAllKeysIn = (getAllKeysIn);
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-fd0ffe52");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneArray.js
-/** Used for built-in method references. */
-var _initCloneArray_objectProto = Object.prototype;
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-fd0ffe52");
+
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1 = {
+  class: "column-list"
+};
+
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
+
+var grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render = /*#__PURE__*/grid_summaryvue_type_template_id_fd0ffe52_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    ref: "summaryRef",
+    class: {
+      'grid-summary': true,
+      'non-border': $setup.styleInfo.borderStyle === 'none'
+    }
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", grid_summaryvue_type_template_id_fd0ffe52_scoped_true_hoisted_1, [$setup.showCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+    key: 0,
+    class: {
+      'column': true,
+      'non-border': !!$setup.styleInfo.borderStyle
+    },
+    style: {
+      'width': "".concat($setup.styleInfo.minWidth, "px"),
+      'line-height': "".concat($setup.styleInfo.rowHeight, "px")
+    }
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+    style: {
+      'height': "".concat($setup.styleInfo.rowHeight, "px")
+    }
+  }, null, 4)], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), (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"])($setup.columns, function (column, index) {
+    var _class;
+
+    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"], {
+      key: "summary_".concat(index)
+    }, [!column.hide ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+      key: 0,
+      class: (_class = {
+        column: true,
+        'non-border': !!$setup.styleInfo.borderStyle
+      }, _defineProperty(_class, column.type, column.type), _defineProperty(_class, column.align, column.align), _class),
+      style: {
+        width: "".concat(column.width, "px"),
+        'min-width': "".concat($setup.styleInfo.minWidth, "px"),
+        'line-height': "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, [column.summaryType || column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 0,
+      style: {
+        width: '100%',
+        height: "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, [column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      key: 0,
+      title: $setup.getSummaryRenderer(column)
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryRenderer(column)), 9, ["title"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      key: 1,
+      title: $setup.getSummaryValue(column, column.summaryType)
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryValue(column, column.summaryType)), 9, ["title"]))], 4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 1,
+      style: {
+        'height': "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, null, 4))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+  }), 128))])], 2);
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=template&id=fd0ffe52&scoped=true
 
-/** Used to check objects for own properties. */
-var _initCloneArray_hasOwnProperty = _initCloneArray_objectProto.hasOwnProperty;
+// 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.summary.vue?vue&type=script&lang=js
 
-/**
- * Initializes an array clone.
- *
- * @private
- * @param {Array} array The array to clone.
- * @returns {Array} Returns the initialized clone.
- */
-function initCloneArray(array) {
-  var length = array.length,
-      result = new array.constructor(length);
 
-  // Add properties assigned by `RegExp#exec`.
-  if (length && typeof array[0] == 'string' && _initCloneArray_hasOwnProperty.call(array, 'index')) {
-    result.index = array.index;
-    result.input = array.input;
-  }
-  return result;
-}
 
-/* harmony default export */ var _initCloneArray = (initCloneArray);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneArrayBuffer.js
 
 
-/**
- * Creates a clone of `arrayBuffer`.
- *
- * @private
- * @param {ArrayBuffer} arrayBuffer The array buffer to clone.
- * @returns {ArrayBuffer} Returns the cloned array buffer.
- */
-function cloneArrayBuffer(arrayBuffer) {
-  var result = new arrayBuffer.constructor(arrayBuffer.byteLength);
-  new _Uint8Array(result).set(new _Uint8Array(arrayBuffer));
-  return result;
-}
 
-/* harmony default export */ var _cloneArrayBuffer = (cloneArrayBuffer);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneDataView.js
 
 
-/**
- * Creates a clone of `dataView`.
- *
- * @private
- * @param {Object} dataView The data view to clone.
- * @param {boolean} [isDeep] Specify a deep clone.
- * @returns {Object} Returns the cloned data view.
- */
-function cloneDataView(dataView, isDeep) {
-  var buffer = isDeep ? _cloneArrayBuffer(dataView.buffer) : dataView.buffer;
-  return new dataView.constructor(buffer, dataView.byteOffset, dataView.byteLength);
-}
 
-/* harmony default export */ var _cloneDataView = (cloneDataView);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneRegExp.js
-/** Used to match `RegExp` flags from their coerced string values. */
-var reFlags = /\w*$/;
 
-/**
- * Creates a clone of `regexp`.
- *
- * @private
- * @param {Object} regexp The regexp to clone.
- * @returns {Object} Returns the cloned regexp.
- */
-function cloneRegExp(regexp) {
-  var result = new regexp.constructor(regexp.source, reFlags.exec(regexp));
-  result.lastIndex = regexp.lastIndex;
-  return result;
-}
 
-/* harmony default export */ var _cloneRegExp = (cloneRegExp);
+/* harmony default export */ var grid_summaryvue_type_script_lang_js = ({
+  name: 'EvGridSummary',
+  props: {
+    stores: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    orderedColumns: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    useCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    styleOption: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    isTree: {
+      type: Boolean,
+      default: false
+    },
+    scrollLeft: {
+      type: Number,
+      default: 0
+    }
+  },
+  setup: function setup(props) {
+    var summaryRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    var ROW_DATA_INDEX = 2;
+    var stores = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.stores;
+    });
+    var columns = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.orderedColumns;
+    });
+    var showCheckbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.useCheckbox;
+    });
+    var styleInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.styleOption;
+    });
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneSymbol.js
+    var getConvertValue = function getConvertValue(column, value) {
+      var convertValue = value;
 
+      if (column.type === 'number') {
+        convertValue = numberWithComma(value);
+        convertValue = convertValue === false ? value : convertValue;
+      } else if (column.type === 'float') {
+        var _column$decimal;
 
-/** Used to convert symbols to primitives and strings. */
-var _cloneSymbol_symbolProto = _Symbol ? _Symbol.prototype : undefined,
-    _cloneSymbol_symbolValueOf = _cloneSymbol_symbolProto ? _cloneSymbol_symbolProto.valueOf : undefined;
+        var floatValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+        convertValue = floatValue.replace(/\B(?=(\d{3})+(?!\d))/g, ',');
+      }
 
-/**
- * Creates a clone of the `symbol` object.
- *
- * @private
- * @param {Object} symbol The symbol object to clone.
- * @returns {Object} Returns the cloned symbol object.
- */
-function cloneSymbol(symbol) {
-  return _cloneSymbol_symbolValueOf ? Object(_cloneSymbol_symbolValueOf.call(symbol)) : {};
-}
+      return convertValue;
+    };
 
-/* harmony default export */ var _cloneSymbol = (cloneSymbol);
+    var getColumnIndex = function getColumnIndex(field) {
+      return columns.value.findIndex(function (column) {
+        return column.field === field;
+      });
+    };
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_cloneTypedArray.js
+    var getSummaryValue = function getSummaryValue(column, summaryType) {
+      var result = '';
+      var columnIndex = getColumnIndex(column.field);
 
+      if (columnIndex >= 0) {
+        if (summaryType === 'count') {
+          return stores.value.store.length;
+        }
 
-/**
- * Creates a clone of `typedArray`.
- *
- * @private
- * @param {Object} typedArray The typed array to clone.
- * @param {boolean} [isDeep] Specify a deep clone.
- * @returns {Object} Returns the cloned typed array.
- */
-function cloneTypedArray(typedArray, isDeep) {
-  var buffer = isDeep ? _cloneArrayBuffer(typedArray.buffer) : typedArray.buffer;
-  return new typedArray.constructor(buffer, typedArray.byteOffset, typedArray.length);
-}
+        if (column.type === 'number' || column.type === 'float') {
+          var columnValues = [];
 
-/* harmony default export */ var _cloneTypedArray = (cloneTypedArray);
+          if (props.isTree) {
+            columnValues = stores.value.store.map(function (node) {
+              var _node$data;
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneByTag.js
+              return (_node$data = node.data) === null || _node$data === void 0 ? void 0 : _node$data[column.field];
+            });
+          } else {
+            columnValues = stores.value.store.map(function (row) {
+              return row[ROW_DATA_INDEX][columnIndex];
+            });
+          }
 
+          switch (summaryType) {
+            case 'sum':
+              result = columnValues.reduce(function (prev, curr) {
+                var value = Number(curr);
 
+                if (!Number.isNaN(value)) {
+                  return prev + value;
+                }
 
+                return prev;
+              }, 0);
+              break;
 
+            case 'average':
+              result = columnValues.reduce(function (prev, curr) {
+                var value = Number(curr);
 
+                if (!Number.isNaN(value)) {
+                  return prev + value;
+                }
 
-/** `Object#toString` result references. */
-var _initCloneByTag_boolTag = '[object Boolean]',
-    _initCloneByTag_dateTag = '[object Date]',
-    _initCloneByTag_mapTag = '[object Map]',
-    _initCloneByTag_numberTag = '[object Number]',
-    _initCloneByTag_regexpTag = '[object RegExp]',
-    _initCloneByTag_setTag = '[object Set]',
-    _initCloneByTag_stringTag = '[object String]',
-    _initCloneByTag_symbolTag = '[object Symbol]';
+                return prev;
+              }, 0) / columnValues.length;
 
-var _initCloneByTag_arrayBufferTag = '[object ArrayBuffer]',
-    _initCloneByTag_dataViewTag = '[object DataView]',
-    _initCloneByTag_float32Tag = '[object Float32Array]',
-    _initCloneByTag_float64Tag = '[object Float64Array]',
-    _initCloneByTag_int8Tag = '[object Int8Array]',
-    _initCloneByTag_int16Tag = '[object Int16Array]',
-    _initCloneByTag_int32Tag = '[object Int32Array]',
-    _initCloneByTag_uint8Tag = '[object Uint8Array]',
-    _initCloneByTag_uint8ClampedTag = '[object Uint8ClampedArray]',
-    _initCloneByTag_uint16Tag = '[object Uint16Array]',
-    _initCloneByTag_uint32Tag = '[object Uint32Array]';
+              if (result % 1 !== 0) {
+                result = result.toFixed(1);
+              }
 
-/**
- * Initializes an object clone based on its `toStringTag`.
- *
- * **Note:** This function only supports cloning values with tags of
- * `Boolean`, `Date`, `Error`, `Map`, `Number`, `RegExp`, `Set`, or `String`.
- *
- * @private
- * @param {Object} object The object to clone.
- * @param {string} tag The `toStringTag` of the object to clone.
- * @param {boolean} [isDeep] Specify a deep clone.
- * @returns {Object} Returns the initialized clone.
- */
-function initCloneByTag(object, tag, isDeep) {
-  var Ctor = object.constructor;
-  switch (tag) {
-    case _initCloneByTag_arrayBufferTag:
-      return _cloneArrayBuffer(object);
+              break;
 
-    case _initCloneByTag_boolTag:
-    case _initCloneByTag_dateTag:
-      return new Ctor(+object);
+            case 'max':
+              result = Math.max.apply(Math, _toConsumableArray(columnValues));
+              break;
 
-    case _initCloneByTag_dataViewTag:
-      return _cloneDataView(object, isDeep);
+            case 'min':
+              result = Math.min.apply(Math, _toConsumableArray(columnValues));
+              break;
 
-    case _initCloneByTag_float32Tag: case _initCloneByTag_float64Tag:
-    case _initCloneByTag_int8Tag: case _initCloneByTag_int16Tag: case _initCloneByTag_int32Tag:
-    case _initCloneByTag_uint8Tag: case _initCloneByTag_uint8ClampedTag: case _initCloneByTag_uint16Tag: case _initCloneByTag_uint32Tag:
-      return _cloneTypedArray(object, isDeep);
+            default:
+              break;
+          }
 
-    case _initCloneByTag_mapTag:
-      return new Ctor;
+          result = getConvertValue(column, result);
+        }
+      }
 
-    case _initCloneByTag_numberTag:
-    case _initCloneByTag_stringTag:
-      return new Ctor(object);
+      return result;
+    };
 
-    case _initCloneByTag_regexpTag:
-      return _cloneRegExp(object);
+    var getSummaryRenderer = function getSummaryRenderer(column) {
+      var str = column.summaryRenderer;
+      var summaryData = column.summaryData ? column.summaryData : [];
+      var fields = [column.field].concat(_toConsumableArray(summaryData));
+      var result = str;
+      fields.forEach(function (name, idx) {
+        var columnIndex = getColumnIndex(name);
 
-    case _initCloneByTag_setTag:
-      return new Ctor;
+        if (columnIndex >= 0) {
+          var value = getSummaryValue(stores.value.orderedColumns[columnIndex], column.summaryType);
+          result = result.replace("{".concat(idx, "}"), value);
+        }
+      });
+      return result;
+    };
 
-    case _initCloneByTag_symbolTag:
-      return _cloneSymbol(object);
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.scrollLeft;
+    }, function (val) {
+      Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
+        summaryRef.value.scrollLeft = val;
+      });
+    });
+    return {
+      columns: columns,
+      styleInfo: styleInfo,
+      showCheckbox: showCheckbox,
+      summaryRef: summaryRef,
+      getSummaryValue: getSummaryValue,
+      getSummaryRenderer: getSummaryRenderer
+    };
   }
-}
-
-/* harmony default export */ var _initCloneByTag = (initCloneByTag);
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.summary.vue?vue&type=style&index=0&id=fd0ffe52&lang=scss&scoped=true
+var grid_summaryvue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true = __webpack_require__("2f87");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseCreate.js
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue
 
 
-/** Built-in value references. */
-var objectCreate = Object.create;
 
-/**
- * The base implementation of `_.create` without support for assigning
- * properties to the created object.
- *
- * @private
- * @param {Object} proto The object to inherit from.
- * @returns {Object} Returns the new object.
- */
-var baseCreate = (function() {
-  function object() {}
-  return function(proto) {
-    if (!lodash_es_isObject(proto)) {
-      return {};
-    }
-    if (objectCreate) {
-      return objectCreate(proto);
-    }
-    object.prototype = proto;
-    var result = new object;
-    object.prototype = undefined;
-    return result;
-  };
-}());
 
-/* harmony default export */ var _baseCreate = (baseCreate);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_initCloneObject.js
 
 
+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=88a7d2b6
 
-/**
- * Initializes an object clone.
- *
- * @private
- * @param {Object} object The object to clone.
- * @returns {Object} Returns the initialized clone.
- */
-function initCloneObject(object) {
-  return (typeof object.constructor == 'function' && !_isPrototype(object))
-    ? _baseCreate(_getPrototype(object))
-    : {};
-}
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_1 = {
+  class: "ev-grid-column-setting__header"
+};
 
-/* harmony default export */ var _initCloneObject = (initCloneObject);
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
+  class: "header-title"
+}, " Column List ", -1);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMap.js
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_3 = {
+  class: "ev-grid-column-setting__content"
+};
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_4 = {
+  key: 1,
+  class: "is-empty"
+};
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_5 = {
+  class: "ev-grid-column-setting__footer"
+};
 
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
 
+function grid_columnSettingvue_type_template_id_88a7d2b6_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
 
-/** `Object#toString` result references. */
-var _baseIsMap_mapTag = '[object Map]';
+  var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
 
-/**
- * The base implementation of `_.isMap` without Node.js optimizations.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a map, else `false`.
- */
-function baseIsMap(value) {
-  return lodash_es_isObjectLike(value) && _getTag(value) == _baseIsMap_mapTag;
-}
+  var _component_ev_checkbox_group = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox-group");
 
-/* harmony default export */ var _baseIsMap = (baseIsMap);
+  var _component_ev_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button");
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/isMap.js
+  var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
 
+  return $setup.isShowColumnSetting ? (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_["Teleport"], {
+    key: 0,
+    to: "#ev-grid-column-setting-modal"
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
+    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_88a7d2b6_hoisted_1, [grid_columnSettingvue_type_template_id_88a7d2b6_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;
+    }),
+    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_88a7d2b6_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) {
+      return $setup.checkColumnGroup = $event;
+    }),
+    onChange: $setup.onCheckColumn
+  }, {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+      return [(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"])($setup.columnList, function (column, idx) {
+        var _column$label;
 
+        return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox, {
+          key: "column_".concat(idx),
+          label: column === null || column === void 0 ? void 0 : column.label,
+          "tooltip-title": (_column$label = column === null || column === void 0 ? void 0 : column.label) !== null && _column$label !== void 0 ? _column$label : ''
+        }, null, 8, ["label", "tooltip-title"]);
+      }), 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_88a7d2b6_hoisted_4, " No records "))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_88a7d2b6_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_88a7d2b6_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=88a7d2b6
 
+// 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
 
-/* Node.js helper references. */
-var nodeIsMap = _nodeUtil["a" /* default */] && _nodeUtil["a" /* default */].isMap;
 
-/**
- * Checks if `value` is classified as a `Map` object.
- *
- * @static
- * @memberOf _
- * @since 4.3.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a map, else `false`.
- * @example
- *
- * _.isMap(new Map);
- * // => true
- *
- * _.isMap(new WeakMap);
- * // => false
- */
-var isMap = nodeIsMap ? _baseUnary(nodeIsMap) : _baseIsMap;
 
-/* harmony default export */ var lodash_es_isMap = (isMap);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsSet.js
 
 
 
-/** `Object#toString` result references. */
-var _baseIsSet_setTag = '[object Set]';
 
-/**
- * The base implementation of `_.isSet` without Node.js optimizations.
- *
- * @private
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a set, else `false`.
- */
-function baseIsSet(value) {
-  return lodash_es_isObjectLike(value) && _getTag(value) == _baseIsSet_setTag;
-}
 
-/* harmony default export */ var _baseIsSet = (baseIsSet);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/isSet.js
+/* harmony default export */ var grid_columnSettingvue_type_script_lang_js = ({
+  name: 'EVGridColumnSetting',
+  directives: {
+    clickoutside: clickoutside
+  },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    },
+    columns: {
+      type: [Array],
+      default: function _default() {
+        return [];
+      }
+    },
+    hiddenColumn: {
+      type: String,
+      default: ''
+    }
+  },
+  emits: {
+    'update:isShow': null,
+    'apply-column': null
+  },
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var isShowColumnSetting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])({
+      get: function get() {
+        return props.isShow;
+      },
+      set: function set(val) {
+        return emit('update:isShow', val);
+      }
+    });
+    var columnSettingWrapper = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+    var searchVm = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])('');
+    var isSearch = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+    var checkColumnGroup = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var originColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var searchColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var applyColumnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var columnList = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return isSearch.value ? searchColumnList.value : originColumnList.value;
+    });
+    var isDisabled = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return !columnList.value.length;
+    });
+    var timer = null;
+    var lastCheckedColumn = null;
+    var toolbarWrapperDiv = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["inject"])('toolbarWrapper');
+    var columnSettingStyle = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+      top: null,
+      left: null
+    });
 
+    var onCheckColumn = function onCheckColumn(columns) {
+      if ((columns === null || columns === void 0 ? void 0 : columns.length) === 1) {
+        lastCheckedColumn = columns[0];
+      } else if ((columns === null || columns === void 0 ? void 0 : columns.length) < 1 && lastCheckedColumn !== null) {
+        // 최소 한개 컬럼은 선택되도록
+        checkColumnGroup.value.push(lastCheckedColumn);
+      }
+    };
 
+    var onSearchColumn = function onSearchColumn(searchWord) {
+      if (timer) {
+        clearTimeout(timer);
+      }
 
+      timer = setTimeout(function () {
+        isSearch.value = false;
 
-/* Node.js helper references. */
-var nodeIsSet = _nodeUtil["a" /* default */] && _nodeUtil["a" /* default */].isSet;
+        if (searchWord) {
+          var lowerCasedSearchWord = searchWord.toString().toLowerCase();
+          searchColumnList.value = originColumnList.value.filter(function (column) {
+            var columnName = column.label.toString().toLowerCase();
+            return columnName.includes(lowerCasedSearchWord);
+          });
+          isSearch.value = true;
+        }
+      }, 500);
+    };
 
-/**
- * Checks if `value` is classified as a `Set` object.
- *
- * @static
- * @memberOf _
- * @since 4.3.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a set, else `false`.
- * @example
- *
- * _.isSet(new Set);
- * // => true
- *
- * _.isSet(new WeakSet);
- * // => false
- */
-var isSet = nodeIsSet ? _baseUnary(nodeIsSet) : _baseIsSet;
+    var initSearchValue = function initSearchValue() {
+      searchVm.value = '';
+      isSearch.value = false;
+      searchColumnList.value.length = 0;
+    };
 
-/* harmony default export */ var lodash_es_isSet = (isSet);
+    var initValue = function initValue() {
+      var columns = applyColumnList.value.length ? applyColumnList.value : originColumnList.value;
+      checkColumnGroup.value = columns.map(function (col) {
+        return col.label || [];
+      });
+      initSearchValue();
+    };
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/_baseClone.js
+    var onApplyColumn = function onApplyColumn() {
+      applyColumnList.value = originColumnList.value.filter(function (col) {
+        return checkColumnGroup.value.includes(col.label);
+      });
+      var checkedColumns = applyColumnList.value.map(function (col) {
+        return col.text;
+      });
+      emit('apply-column', checkedColumns);
+      initSearchValue();
+      isShowColumnSetting.value = false;
+    };
 
+    var setColumns = function setColumns() {
+      var _originColumnList$val;
 
+      originColumnList.value = props.columns.filter(function (col) {
+        return !col.hide && col.caption;
+      }).map(function (col) {
+        return {
+          label: col.caption,
+          text: col.field
+        };
+      });
+      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() {
+      isShowColumnSetting.value = false;
+      initValue();
+    };
 
+    var initWrapperDiv = function initWrapperDiv() {
+      var root = document.createElement('div');
+      root.id = 'ev-grid-column-setting-modal';
+      root.setAttribute('style', 'position: absolute; top: 0; left: 0;');
+      var hasRoot = document.getElementById('ev-grid-column-setting-modal');
 
+      if (!hasRoot) {
+        document.body.appendChild(root);
+      }
+    };
 
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeMount"])(function () {
+      return initWrapperDiv();
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.columns;
+    }, function () {
+      setColumns();
+    }, {
+      immediate: true,
+      deep: true
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return isShowColumnSetting.value;
+    }, /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+      var _columnSettingWrapper, _toolbarWrapperDiv$va;
 
+      var columnSettingWrapperRect, toolbarWrapperDivRect, columnSettingWidth, toolbarHeight, columnSettingTop, columnSettingRight;
+      return regeneratorRuntime.wrap(function _callee$(_context) {
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              if (isShowColumnSetting.value) {
+                _context.next = 2;
+                break;
+              }
 
+              return _context.abrupt("return");
 
+            case 2:
+              _context.next = 4;
+              return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
 
+            case 4:
+              columnSettingWrapperRect = (_columnSettingWrapper = columnSettingWrapper.value) === null || _columnSettingWrapper === void 0 ? void 0 : _columnSettingWrapper.getBoundingClientRect();
+              toolbarWrapperDivRect = (_toolbarWrapperDiv$va = toolbarWrapperDiv.value) === null || _toolbarWrapperDiv$va === void 0 ? void 0 : _toolbarWrapperDiv$va.getBoundingClientRect();
+              columnSettingWidth = columnSettingWrapperRect === null || columnSettingWrapperRect === void 0 ? void 0 : columnSettingWrapperRect.width;
+              toolbarHeight = toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.height;
+              columnSettingTop = (toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.top) + document.documentElement.scrollTop;
+              columnSettingRight = (toolbarWrapperDivRect === null || toolbarWrapperDivRect === void 0 ? void 0 : toolbarWrapperDivRect.right) + document.documentElement.scrollLeft;
+              columnSettingStyle.top = "".concat(columnSettingTop + toolbarHeight, "px");
+              columnSettingStyle.left = "".concat(columnSettingRight - columnSettingWidth, "px");
 
+            case 12:
+            case "end":
+              return _context.stop();
+          }
+        }
+      }, _callee);
+    })));
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.hiddenColumn;
+    }, function (value) {
+      var filterColumns = applyColumnList.value.length ? applyColumnList.value.filter(function (col) {
+        return col.text !== value;
+      }) : originColumnList.value.filter(function (col) {
+        return col.text !== value;
+      });
+      applyColumnList.value = filterColumns;
+      checkColumnGroup.value = filterColumns.map(function (col) {
+        return col.label;
+      });
+    });
+    return {
+      columnSettingWrapper: columnSettingWrapper,
+      columnSettingStyle: columnSettingStyle,
+      isShowColumnSetting: isShowColumnSetting,
+      checkColumnGroup: checkColumnGroup,
+      columnList: columnList,
+      searchVm: searchVm,
+      isDisabled: isDisabled,
+      onSearchColumn: onSearchColumn,
+      onApplyColumn: onApplyColumn,
+      onCheckColumn: onCheckColumn,
+      hideColumnSetting: hideColumnSetting
+    };
+  }
+});
+// 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=88a7d2b6&lang=scss
+var grid_columnSettingvue_type_style_index_0_id_88a7d2b6_lang_scss = __webpack_require__("9cdf");
 
+// CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue
 
 
 
@@ -29566,183 +29625,117 @@ var isSet = nodeIsSet ? _baseUnary(nodeIsSet) : _baseIsSet;
 
 
 
+const grid_columnSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_columnSettingvue_type_script_lang_js, [['render',grid_columnSettingvue_type_template_id_88a7d2b6_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.filterSetting.vue?vue&type=template&id=267bd480
 
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_1 = {
+  class: "ev-grid-filter-setting__header"
+};
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_2 = {
+  class: "header-title"
+};
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_3 = {
+  class: "ev-grid-filter-setting__content"
+};
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_4 = {
+  class: "ev-grid-filter-setting__row--button"
+};
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_5 = {
+  class: "ev-grid-filter-setting__footer"
+};
 
-/** Used to compose bitmasks for cloning. */
-var CLONE_DEEP_FLAG = 1,
-    CLONE_FLAT_FLAG = 2,
-    CLONE_SYMBOLS_FLAG = 4;
+var grid_filterSettingvue_type_template_id_267bd480_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
 
-/** `Object#toString` result references. */
-var _baseClone_argsTag = '[object Arguments]',
-    _baseClone_arrayTag = '[object Array]',
-    _baseClone_boolTag = '[object Boolean]',
-    _baseClone_dateTag = '[object Date]',
-    _baseClone_errorTag = '[object Error]',
-    _baseClone_funcTag = '[object Function]',
-    _baseClone_genTag = '[object GeneratorFunction]',
-    _baseClone_mapTag = '[object Map]',
-    _baseClone_numberTag = '[object Number]',
-    _baseClone_objectTag = '[object Object]',
-    _baseClone_regexpTag = '[object RegExp]',
-    _baseClone_setTag = '[object Set]',
-    _baseClone_stringTag = '[object String]',
-    _baseClone_symbolTag = '[object Symbol]',
-    _baseClone_weakMapTag = '[object WeakMap]';
+function grid_filterSettingvue_type_template_id_267bd480_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
 
-var _baseClone_arrayBufferTag = '[object ArrayBuffer]',
-    _baseClone_dataViewTag = '[object DataView]',
-    _baseClone_float32Tag = '[object Float32Array]',
-    _baseClone_float64Tag = '[object Float64Array]',
-    _baseClone_int8Tag = '[object Int8Array]',
-    _baseClone_int16Tag = '[object Int16Array]',
-    _baseClone_int32Tag = '[object Int32Array]',
-    _baseClone_uint8Tag = '[object Uint8Array]',
-    _baseClone_uint8ClampedTag = '[object Uint8ClampedArray]',
-    _baseClone_uint16Tag = '[object Uint16Array]',
-    _baseClone_uint32Tag = '[object Uint32Array]';
+  var _component_ev_select = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-select");
 
-/** Used to identify `toStringTag` values supported by `_.clone`. */
-var cloneableTags = {};
-cloneableTags[_baseClone_argsTag] = cloneableTags[_baseClone_arrayTag] =
-cloneableTags[_baseClone_arrayBufferTag] = cloneableTags[_baseClone_dataViewTag] =
-cloneableTags[_baseClone_boolTag] = cloneableTags[_baseClone_dateTag] =
-cloneableTags[_baseClone_float32Tag] = cloneableTags[_baseClone_float64Tag] =
-cloneableTags[_baseClone_int8Tag] = cloneableTags[_baseClone_int16Tag] =
-cloneableTags[_baseClone_int32Tag] = cloneableTags[_baseClone_mapTag] =
-cloneableTags[_baseClone_numberTag] = cloneableTags[_baseClone_objectTag] =
-cloneableTags[_baseClone_regexpTag] = cloneableTags[_baseClone_setTag] =
-cloneableTags[_baseClone_stringTag] = cloneableTags[_baseClone_symbolTag] =
-cloneableTags[_baseClone_uint8Tag] = cloneableTags[_baseClone_uint8ClampedTag] =
-cloneableTags[_baseClone_uint16Tag] = cloneableTags[_baseClone_uint32Tag] = true;
-cloneableTags[_baseClone_errorTag] = cloneableTags[_baseClone_funcTag] =
-cloneableTags[_baseClone_weakMapTag] = false;
+  var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
 
-/**
- * The base implementation of `_.clone` and `_.cloneDeep` which tracks
- * traversed objects.
- *
- * @private
- * @param {*} value The value to clone.
- * @param {boolean} bitmask The bitmask flags.
- *  1 - Deep clone
- *  2 - Flatten inherited properties
- *  4 - Clone symbols
- * @param {Function} [customizer] The function to customize cloning.
- * @param {string} [key] The key of `value`.
- * @param {Object} [object] The parent object of `value`.
- * @param {Object} [stack] Tracks traversed objects and their clone counterparts.
- * @returns {*} Returns the cloned value.
- */
-function baseClone(value, bitmask, customizer, key, object, stack) {
-  var result,
-      isDeep = bitmask & CLONE_DEEP_FLAG,
-      isFlat = bitmask & CLONE_FLAT_FLAG,
-      isFull = bitmask & CLONE_SYMBOLS_FLAG;
+  var _component_ev_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-button");
 
-  if (customizer) {
-    result = object ? customizer(value, key, object, stack) : customizer(value);
-  }
-  if (result !== undefined) {
-    return result;
-  }
-  if (!lodash_es_isObject(value)) {
-    return value;
-  }
-  var isArr = lodash_es_isArray(value);
-  if (isArr) {
-    result = _initCloneArray(value);
-    if (!isDeep) {
-      return _copyArray(value, result);
-    }
-  } else {
-    var tag = _getTag(value),
-        isFunc = tag == _baseClone_funcTag || tag == _baseClone_genTag;
+  var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
 
-    if (Object(isBuffer["a" /* default */])(value)) {
-      return Object(_cloneBuffer["a" /* default */])(value, isDeep);
+  return $setup.isShowFilterSetting ? (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_["Teleport"], {
+    key: 0,
+    to: "#ev-grid-filter-setting-modal"
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
+    class: "ev-grid-filter-setting",
+    style: {
+      top: _ctx.$props.position.top,
+      left: _ctx.$props.position.left
     }
-    if (tag == _baseClone_objectTag || tag == _baseClone_argsTag || (isFunc && !object)) {
-      result = (isFlat || isFunc) ? {} : _initCloneObject(value);
-      if (!isDeep) {
-        return isFlat
-          ? _copySymbolsIn(value, _baseAssignIn(result, value))
-          : _copySymbols(value, _baseAssign(result, value));
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+    icon: "ev-icon-filter-list"
+  }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", grid_filterSettingvue_type_template_id_267bd480_hoisted_2, " Filter (" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.$props.column.caption) + ") ", 1)]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_3, [(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"])($setup.filteringItems, function (item, idx) {
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+      key: idx,
+      class: "ev-grid-filter-setting__row"
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_select, {
+      modelValue: item.operator,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return item.operator = $event;
+      },
+      class: "ev-grid-filter-setting__row--operator",
+      title: $setup.getSelectTitle($setup.items1, item.operator),
+      items: $setup.items1,
+      disabled: idx > 1,
+      style: {
+        visibility: idx > 0 ? 'visible' : 'hidden'
+      },
+      onChange: $setup.changeOperator
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "disabled", "style", "onChange"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_select, {
+      modelValue: item.comparison,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return item.comparison = $event;
+      },
+      class: "ev-grid-filter-setting__row--comparison",
+      title: $setup.getSelectTitle($setup.items2, item.comparison),
+      items: $setup.items2,
+      onChange: function onChange($event) {
+        return $setup.changeComparison(item.comparison, idx);
       }
-    } else {
-      if (!cloneableTags[tag]) {
-        return object ? value : {};
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "title", "items", "onChange"]), _ctx.$props.column.type === 'boolean' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_select, {
+      key: 0,
+      modelValue: item.value,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return item.value = $event;
+      },
+      class: "ev-grid-filter-setting__row--comparison",
+      items: $setup.booleanItems
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_text_field, {
+      key: 1,
+      modelValue: item.value,
+      "onUpdate:modelValue": function onUpdateModelValue($event) {
+        return item.value = $event;
+      },
+      class: "ev-grid-filter-setting__row--value",
+      disabled: item.comparison === 'isEmpty' || item.comparison === 'isNotEmpty',
+      onInput: function onInput($event) {
+        return $setup.validateValue(_ctx.$props.column.type, item);
       }
-      result = _initCloneByTag(value, tag, isDeep);
-    }
-  }
-  // Check for circular references and return its corresponding clone.
-  stack || (stack = new _Stack);
-  var stacked = stack.get(value);
-  if (stacked) {
-    return stacked;
-  }
-  stack.set(value, result);
-
-  if (lodash_es_isSet(value)) {
-    value.forEach(function(subValue) {
-      result.add(baseClone(subValue, bitmask, customizer, subValue, value, stack));
-    });
-  } else if (lodash_es_isMap(value)) {
-    value.forEach(function(subValue, key) {
-      result.set(key, baseClone(subValue, bitmask, customizer, key, value, stack));
-    });
-  }
-
-  var keysFunc = isFull
-    ? (isFlat ? _getAllKeysIn : _getAllKeys)
-    : (isFlat ? keysIn : lodash_es_keys);
-
-  var props = isArr ? undefined : keysFunc(value);
-  _arrayEach(props || value, function(subValue, key) {
-    if (props) {
-      key = subValue;
-      subValue = value[key];
-    }
-    // Recursively populate clone (susceptible to call stack limits).
-    _assignValue(result, key, baseClone(subValue, bitmask, customizer, key, value, stack));
-  });
-  return result;
-}
-
-/* harmony default export */ var _baseClone = (baseClone);
-
-// CONCATENATED MODULE: ./node_modules/lodash-es/cloneDeep.js
-
-
-/** Used to compose bitmasks for cloning. */
-var cloneDeep_CLONE_DEEP_FLAG = 1,
-    cloneDeep_CLONE_SYMBOLS_FLAG = 4;
-
-/**
- * This method is like `_.clone` except that it recursively clones `value`.
- *
- * @static
- * @memberOf _
- * @since 1.0.0
- * @category Lang
- * @param {*} value The value to recursively clone.
- * @returns {*} Returns the deep cloned value.
- * @see _.clone
- * @example
- *
- * var objects = [{ 'a': 1 }, { 'b': 2 }];
- *
- * var deep = _.cloneDeep(objects);
- * console.log(deep[0] === objects[0]);
- * // => false
- */
-function cloneDeep(value) {
-  return _baseClone(value, cloneDeep_CLONE_DEEP_FLAG | cloneDeep_CLONE_SYMBOLS_FLAG);
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled", "onInput"])), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+      icon: "ev-icon-trash2",
+      onClick: function onClick($event) {
+        return $setup.removeRow(idx);
+      }
+    }, null, 8, ["onClick"])])]);
+  }), 128))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_267bd480_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
+    type: "primary",
+    onClick: $setup.applyFiltering
+  }, {
+    default: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withCtx"])(function () {
+      return [grid_filterSettingvue_type_template_id_267bd480_hoisted_6];
+    }),
+    _: 1
+  }, 8, ["onClick"])])], 4), [[_directive_clickoutside, function () {
+    $setup.isShowFilterSetting = false;
+  }]])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true);
 }
-
-/* harmony default export */ var lodash_es_cloneDeep = (cloneDeep);
+// CONCATENATED MODULE: ./src/components/grid/grid.filterSetting.vue?vue&type=template&id=267bd480
 
 // 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.filterSetting.vue?vue&type=script&lang=js
 
@@ -32776,6 +32769,7 @@ var dragEvent = function dragEvent(_ref) {
 
 
 
+
 
 /* harmony default export */ var Gridvue_type_script_lang_js = ({
   name: 'EvGrid',
@@ -33433,6 +33427,8 @@ var dragEvent = function dragEvent(_ref) {
     var filteringItemsRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
     var isShowFilteringItemsBox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
     var isShowColumnFilteringItems = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+    var hiddenFilteringItemsRef = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
+    var hiddenFilteringItemsByColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])({});
     var selectedFilteringColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       caption: '',
       field: ''
@@ -33469,62 +33465,75 @@ var dragEvent = function dragEvent(_ref) {
       setStore([], false);
     };
 
-    var setColumnFilteringItems = function setColumnFilteringItems(flag) {
-      var _filteringItemsRef$va;
-
-      if (flag && isShowColumnFilteringItems.value) {
-        hiddenFilteringItemsCount.value = 0;
-      }
-
-      var conditionItems = (_filteringItemsRef$va = filteringItemsRef.value) === null || _filteringItemsRef$va === void 0 ? void 0 : _filteringItemsRef$va.getElementsByClassName('filtering-items__item');
-      var hiddenItemList = [];
+    var setColumnFilteringItems = /*#__PURE__*/function () {
+      var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(isInit) {
+        var _filteringItemsRef$va;
 
-      if (conditionItems) {
-        for (var i = 0; i < conditionItems.length; i++) {
-          var _filteringItemsRef$va2;
+        var conditionItems, hiddenItemList, sumWidth, i, _filteringItemsRef$va2, itemEl, boxWidth, _itemEl$getBoundingCl, width;
 
-          var itemEl = conditionItems[i];
-          itemEl.classList.remove('non-display');
-          var boxTop = (_filteringItemsRef$va2 = filteringItemsRef.value.getBoundingClientRect()) === null || _filteringItemsRef$va2 === void 0 ? void 0 : _filteringItemsRef$va2.top;
-          var boxScrollTop = filteringItemsRef.value.scrollTop;
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (isInit && isShowColumnFilteringItems.value) {
+                  hiddenFilteringItemsCount.value = 0;
+                }
 
-          var _itemEl$getBoundingCl = itemEl.getBoundingClientRect(),
-              top = _itemEl$getBoundingCl.top;
+                conditionItems = (_filteringItemsRef$va = filteringItemsRef.value) === null || _filteringItemsRef$va === void 0 ? void 0 : _filteringItemsRef$va.getElementsByClassName('filtering-items__item');
+                hiddenItemList = [];
+                sumWidth = 0;
+
+                if (conditionItems) {
+                  for (i = 0; i < conditionItems.length; i++) {
+                    itemEl = conditionItems[i];
+                    itemEl.classList.remove('non-display');
+                    boxWidth = (_filteringItemsRef$va2 = filteringItemsRef.value.getBoundingClientRect()) === null || _filteringItemsRef$va2 === void 0 ? void 0 : _filteringItemsRef$va2.width;
+                    _itemEl$getBoundingCl = itemEl.getBoundingClientRect(), width = _itemEl$getBoundingCl.width;
+                    sumWidth += width + 10;
+
+                    if (boxWidth - 150 <= sumWidth && !itemEl.classList.contains('filtering-items__item--count')) {
+                      hiddenFilteringItemsCount.value++;
+                      hiddenItemList.push(itemEl);
+                      hiddenFilteringItemsByColumn.value = _objectSpread2(_objectSpread2({}, hiddenFilteringItemsByColumn.value), {}, _defineProperty({}, itemEl.dataset.field, lodash_es_cloneDeep(filterInfo.filteringItemsByColumn[itemEl.dataset.field])));
+                    } else {
+                      delete hiddenFilteringItemsByColumn.value[itemEl.dataset.field];
+                    }
+                  }
 
-          if (isShowColumnFilteringItems.value && top - boxTop > itemEl.offsetHeight - boxScrollTop) {
-            if (flag) {
-              if (i === 0) {
-                hiddenFilteringItemsCount.value = 0;
-              }
+                  conditionItems.forEach(function (item) {
+                    var isHidden = hiddenItemList.includes(item);
+                    item.classList.toggle('non-display', isHidden);
+                  });
+                }
 
-              hiddenFilteringItemsCount.value++;
+              case 5:
+              case "end":
+                return _context2.stop();
             }
-
-            hiddenItemList.push(itemEl);
           }
-        }
+        }, _callee2);
+      }));
 
-        conditionItems.forEach(function (item) {
-          var isHidden = hiddenItemList.includes(item);
-          item.classList.toggle('non-display', isHidden);
-        });
-      }
-    };
+      return function setColumnFilteringItems(_x2) {
+        return _ref3.apply(this, arguments);
+      };
+    }();
 
     var onApplyFilter = /*#__PURE__*/function () {
-      var _ref3 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(field, list) {
-        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      var _ref4 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3(field, list) {
+        return regeneratorRuntime.wrap(function _callee3$(_context3) {
           while (1) {
-            switch (_context2.prev = _context2.next) {
+            switch (_context3.prev = _context3.next) {
               case 0:
                 if (!(list !== null && list !== void 0 && list.length)) {
+                  delete hiddenFilteringItemsByColumn.value[field];
                   delete filterInfo.filteringItemsByColumn[field];
                 } else {
                   filterInfo.filteringItemsByColumn[field] = list;
                   isShowColumnFilteringItems.value = true;
                 }
 
-                _context2.next = 3;
+                _context3.next = 3;
                 return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
 
               case 3:
@@ -33536,57 +33545,44 @@ var dragEvent = function dragEvent(_ref) {
 
               case 7:
               case "end":
-                return _context2.stop();
+                return _context3.stop();
             }
           }
-        }, _callee2);
+        }, _callee3);
       }));
 
-      return function onApplyFilter(_x2, _x3) {
-        return _ref3.apply(this, arguments);
+      return function onApplyFilter(_x3, _x4) {
+        return _ref4.apply(this, arguments);
       };
     }();
 
-    var onExpandFilteringItems = function onExpandFilteringItems() {
-      isShowColumnFilteringItems.value = !isShowColumnFilteringItems.value;
-      setColumnFilteringItems(isShowColumnFilteringItems.value);
-    };
-
-    var removeFiltering = function removeFiltering(_ref4) {
-      var _filterInfo$filtering;
-
-      var field = _ref4.field,
-          idx = _ref4.idx;
-      (_filterInfo$filtering = filterInfo.filteringItemsByColumn[field]) === null || _filterInfo$filtering === void 0 ? void 0 : _filterInfo$filtering.splice(idx, 1);
+    var expandTimer = null;
 
-      if (!filterInfo.filteringItemsByColumn[field].length) {
-        delete filterInfo.filteringItemsByColumn[field];
-        isShowFilteringItemsBox.value = false;
+    var onExpandFilteringItems = function onExpandFilteringItems() {
+      if (expandTimer) {
+        clearTimeout(expandTimer);
       }
 
-      setColumnFilteringItems(true);
-      stores.filterStore = [];
-      setStore([], false);
+      expandTimer = setTimeout(function () {
+        isShowColumnFilteringItems.value = !isShowColumnFilteringItems.value;
+        setColumnFilteringItems(isShowColumnFilteringItems.value);
+      }, 150);
     };
 
     var removeAllFiltering = function removeAllFiltering() {
       filterInfo.filteringColumn = null;
       filterInfo.filteringItemsByColumn = {};
+      hiddenFilteringItemsByColumn.value = {};
       stores.filterStore = [];
       setStore([], false);
     };
 
     var filteringItemsStyle = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      if (isShowColumnFilteringItems.value) {
-        return {
-          width: "".concat(filteringItemsWidth.value, "px"),
-          background: 'none'
-        };
-      }
+      var _filteringItemsRef$va3;
 
       return {
         width: "".concat(filteringItemsWidth.value, "px"),
-        'overflow-y': 'auto'
+        top: "".concat(((_filteringItemsRef$va3 = filteringItemsRef.value) === null || _filteringItemsRef$va3 === void 0 ? void 0 : _filteringItemsRef$va3.getBoundingClientRect().height) || 0, "px")
       };
     });
 
@@ -33656,7 +33652,8 @@ var dragEvent = function dragEvent(_ref) {
       filteringItemsStyle: filteringItemsStyle,
       hiddenFilteringItemsCount: hiddenFilteringItemsCount
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(filteringItemsBoxPosition)), {}, {
-      removeFiltering: removeFiltering,
+      hiddenFilteringItemsRef: hiddenFilteringItemsRef,
+      hiddenFilteringItemsByColumn: hiddenFilteringItemsByColumn,
       removeAllFiltering: removeAllFiltering,
       onExpandFilteringItems: onExpandFilteringItems,
       setColumnFilteringItems: setColumnFilteringItems,
@@ -33673,8 +33670,8 @@ var dragEvent = function dragEvent(_ref) {
 });
 // 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=de843fd8&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_de843fd8_lang_scss_scoped_true = __webpack_require__("0824");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=654e9eac&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_654e9eac_lang_scss_scoped_true = __webpack_require__("db6c");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -33684,7 +33681,7 @@ var Gridvue_type_style_index_0_id_de843fd8_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_de843fd8_scoped_true_render],['__scopeId',"data-v-de843fd8"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_654e9eac_scoped_true_render],['__scopeId',"data-v-654e9eac"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js