evui 3.4.3 → 3.4.6

package/dist/evui.common.js

@@ -342,21 +342,6 @@ module.exports = ''.repeat || function repeat(count) {
 };
 
 
-/***/ }),
-
-/***/ "1176":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("554d");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("93efb472", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "1276":
@@ -635,6 +620,20 @@ module.exports = "data:application/vnd.ms-fontobject;base64,/OoAAFjqAAABAAIAAAAA
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "175e":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-grid-column-setting{position:absolute;width:180px;border:1px solid #d0d0d0;background:#fff;font-size:12px;z-index:1}.ev-grid-column-setting__header{padding:10px}.ev-grid-column-setting__header .ev-text-field{margin-top:10px}.ev-grid-column-setting__content{height:120px;padding:0 10px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;overflow:auto}.ev-grid-column-setting__content .ev-checkbox{display:block;padding:10px 0}.ev-grid-column-setting__content .ev-checkbox .ev-checkbox-label{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-grid-column-setting__content .is-empty{height:30px;text-align:center}.ev-grid-column-setting__footer{display:flex;padding:5px 10px}.ev-grid-column-setting__footer .ev-button{margin-left:auto}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "17c2":
@@ -4961,6 +4960,21 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "3743":
+/***/ (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__("f255");
+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("9f5143ea", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "37e8":
@@ -5009,17 +5023,6 @@ exports.push([module.i, ".ev-menu-item{line-height:1.3em}.ev-menu-item:not(.dept
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "3b5d":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fef7");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "3bbe":
@@ -6158,20 +6161,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("7fbad1a3", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "554d":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-grid-column-setting{position:absolute;width:180px;border:1px solid #d0d0d0;background:#fff;font-size:12px;z-index:1}.ev-grid-column-setting__header{padding:10px}.ev-grid-column-setting__header .ev-text-field{margin-top:10px}.ev-grid-column-setting__content{height:120px;padding:0 10px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da;overflow:auto}.ev-grid-column-setting__content .ev-checkbox{display:block;padding:10px 0}.ev-grid-column-setting__content .ev-checkbox .ev-checkbox-label{width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ev-grid-column-setting__content .is-empty{height:30px;text-align:center}.ev-grid-column-setting__footer{display:flex;padding:5px 10px}.ev-grid-column-setting__footer .ev-button{margin-left:auto}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "566d":
@@ -6561,6 +6550,17 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("cd3ba5ec", content, true, {"sourceMap":false,"shadowMode":false});
 
+/***/ }),
+
+/***/ "620d":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_ba4db962_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("af14");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_ba4db962_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_ba4db962_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6446":
@@ -6817,21 +6817,6 @@ module.exports = {
 };
 
 
-/***/ }),
-
-/***/ "65e8":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("f1ff");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("576d744c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "65f0":
@@ -6930,6 +6915,17 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "6d55":
+/***/ (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_2160127b_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("fd48");
+/* 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_2160127b_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_2160127b_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "6d57":
@@ -7994,7 +7990,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.3\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.6\"}");
 
 /***/ }),
 
@@ -8119,6 +8115,21 @@ var POLYFILL = isForced.POLYFILL = 'P';
 module.exports = isForced;
 
 
+/***/ }),
+
+/***/ "9597":
+/***/ (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__("175e");
+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("c35394e6", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "96cf":
@@ -8956,17 +8967,6 @@ exports.push([module.i, "#ev-message-box-modal{display:flex;position:fixed;top:0
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "9a99":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("65e8");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_Checkbox_vue_vue_type_style_index_0_id_14485370_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "9bdd":
@@ -9028,6 +9028,17 @@ exports.push([module.i, ".ev-loading{position:absolute;top:0;left:0;width:100%;h
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "9cdf":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_88a7d2b6_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("9597");
+/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_88a7d2b6_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_88a7d2b6_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9ec3":
@@ -9123,6 +9134,20 @@ exports.BROKEN_CARET = fails(function () {
 /* unused harmony reexport * */
 
 
+/***/ }),
+
+/***/ "a20c":
+/***/ (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-2160127b]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-2160127b]{overflow:auto}.ev-grid--empty .table-header[data-v-2160127b]{display:table}.ev-grid.non-header[data-v-2160127b]{padding-top:0}.ev-grid .table-header[data-v-2160127b]{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-2160127b]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-2160127b]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-2160127b]{display:none;vertical-align:middle}.column-list[data-v-2160127b]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-2160127b],.column-list[data-v-2160127b]{position:relative;height:100%}.column[data-v-2160127b]{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-2160127b]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-2160127b]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-2160127b]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-2160127b]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-2160127b],.column :hover .column-sort__icon--desc[data-v-2160127b]{visibility:hidden}.column-name[data-v-2160127b]{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-2160127b]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-2160127b]:hover{cursor:col-resize}.table-body[data-v-2160127b]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-2160127b]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-2160127b]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-2160127b]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-2160127b]{border-bottom:1px solid}.table-body .row[data-v-2160127b]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-2160127b]{border-bottom:1px solid}.table-body .row.selected[data-v-2160127b]{background:#dbf0f9}.dark .table-body .row.selected[data-v-2160127b],.table-body .row.selected[data-v-2160127b]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-2160127b]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-2160127b]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-2160127b]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-2160127b]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-2160127b],.table-body .cell div[data-v-2160127b]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-2160127b]{overflow:hidden}.table-body .cell.row-checkbox[data-v-2160127b]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-2160127b]{overflow:initial}.table-body .cell.float[data-v-2160127b],.table-body .cell.number[data-v-2160127b]{text-align:right}.table-body .cell.string[data-v-2160127b],.table-body .cell.stringNumber[data-v-2160127b]{text-align:left}.table-body .cell.center[data-v-2160127b]{text-align:center}.table-body .cell.left[data-v-2160127b]{text-align:left}.table-body .cell.left .wrap[data-v-2160127b]{justify-content:flex-start}.table-body .cell.right[data-v-2160127b]{text-align:right}.table-body .cell.right .wrap[data-v-2160127b]{justify-content:flex-end}.table-resize-line[data-v-2160127b]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-2160127b]{border-right:1px solid}.vscroll-spacer[data-v-2160127b]{opacity:0;clear:both}[v-cloak][data-v-2160127b]{display:none}.ev-checkbox[data-v-2160127b]{margin:0}.non-border[data-v-2160127b]{border:none!important}.is-empty[data-v-2160127b]{height:30px;text-align:center}.filtering-items[data-v-2160127b]{display:flex;flex-flow:row wrap;gap:10px;position:absolute;padding:8px;flex-direction:row;align-items:center;z-index:1;border-radius:4px}.filtering-items-expand[data-v-2160127b]:hover{cursor:pointer;color:#07f}.filtering-items__item[data-v-2160127b]{padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items__item[data-v-2160127b]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-2160127b]{font-weight:700;border:1px solid #198fff}.filtering-items__item--filter i[data-v-2160127b],.filtering-items__item--title[data-v-2160127b]{color:#07f;vertical-align:middle}.filtering-items__item--title[data-v-2160127b]{margin-right:6px}.filtering-items__item--value[data-v-2160127b]{display:inline-block;max-width:80px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-2160127b]{vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-2160127b]:hover{opacity:.6}.filtering-items__item.non-display[data-v-2160127b]{display:none}.ev-grid-filtering-items[data-v-2160127b]{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;
+
+
 /***/ }),
 
 /***/ "a2bf":
@@ -9905,6 +9930,21 @@ module.exports = {
 };
 
 
+/***/ }),
+
+/***/ "af14":
+/***/ (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__("d3eb");
+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("06ebd730", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "afaf":
@@ -10406,12 +10446,12 @@ module.exports = exports;
 
 /***/ }),
 
-/***/ "bcaf":
+/***/ "bcf5":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1176");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* 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_filterSetting_vue_vue_type_style_index_0_id_4778286b_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("3743");
+/* 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_filterSetting_vue_vue_type_style_index_0_id_4778286b_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_filterSetting_vue_vue_type_style_index_0_id_4778286b_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
 /* unused harmony reexport * */
 
 
@@ -10438,7 +10478,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;cursor:pointer}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-fd0ffe52],.column :hover .column-sort__icon--desc[data-v-fd0ffe52]{visibility:hidden}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{display:grid}.table-body .cell[data-v-fd0ffe52]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-fd0ffe52],.table-body .cell div[data-v-fd0ffe52]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-fd0ffe52]{overflow:hidden}.table-body .cell.row-checkbox[data-v-fd0ffe52]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-fd0ffe52]{overflow:initial}.table-body .cell.float[data-v-fd0ffe52],.table-body .cell.number[data-v-fd0ffe52]{text-align:right}.table-body .cell.string[data-v-fd0ffe52],.table-body .cell.stringNumber[data-v-fd0ffe52]{text-align:left}.table-body .cell.center[data-v-fd0ffe52]{text-align:center}.table-body .cell.left[data-v-fd0ffe52]{text-align:left}.table-body .cell.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.table-body .cell.right[data-v-fd0ffe52]{text-align:right}.table-body .cell.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}.table-resize-line[data-v-fd0ffe52]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-fd0ffe52]{border-right:1px solid}.vscroll-spacer[data-v-fd0ffe52]{opacity:0;clear:both}[v-cloak][data-v-fd0ffe52]{display:none}.ev-checkbox[data-v-fd0ffe52]{margin:0}.non-border[data-v-fd0ffe52]{border:none!important}.is-empty[data-v-fd0ffe52]{height:30px;text-align:center}.grid-summary[data-v-fd0ffe52]{width:100%;overflow:hidden;border-bottom:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1)}.dark .grid-summary[data-v-fd0ffe52]{border-bottom:1px solid #555;background-color:hsla(0,0%,40%,.3)}.grid-summary .non-border[data-v-fd0ffe52]{border-bottom:none!important}.grid-summary span[data-v-fd0ffe52]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px}.grid-summary span>div[data-v-fd0ffe52]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.grid-summary .column.float[data-v-fd0ffe52],.grid-summary .column.number[data-v-fd0ffe52]{text-align:right}.grid-summary .column.string[data-v-fd0ffe52],.grid-summary .column.stringNumber[data-v-fd0ffe52]{text-align:left}.grid-summary .column.center[data-v-fd0ffe52]{text-align:center}.grid-summary .column.left[data-v-fd0ffe52]{text-align:left}.grid-summary .column.left .wrap[data-v-fd0ffe52]{justify-content:flex-start}.grid-summary .column.right[data-v-fd0ffe52]{text-align:right}.grid-summary .column.right .wrap[data-v-fd0ffe52]{justify-content:flex-end}", ""]);
+exports.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 :hover .column-sort__icon--asc[data-v-fd0ffe52],.column :hover .column-sort__icon--desc[data-v-fd0ffe52]{visibility:hidden}.column-name[data-v-fd0ffe52]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-fd0ffe52]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-fd0ffe52]:hover{cursor:col-resize}.table-body[data-v-fd0ffe52]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-fd0ffe52]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-fd0ffe52]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row[data-v-fd0ffe52]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-fd0ffe52]{border-bottom:1px solid}.table-body .row.selected[data-v-fd0ffe52]{background:#dbf0f9}.dark .table-body .row.selected[data-v-fd0ffe52],.table-body .row.selected[data-v-fd0ffe52]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-fd0ffe52]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-fd0ffe52]{display:grid}.table-body .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-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}.filtering-items-expand[data-v-fd0ffe52]:hover{cursor:pointer;color:#07f}.filtering-items__item[data-v-fd0ffe52]{padding:4px;border-radius:4px;background:#eaf2fa}.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}.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.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;
 
@@ -11074,6 +11114,20 @@ if (!TO_STRING_TAG_SUPPORT) {
 }
 
 
+/***/ }),
+
+/***/ "d3eb":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-checkbox{margin-right:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-checkbox-label{padding-left:5px}.ev-checkbox-input{cursor:pointer}.disabled .ev-checkbox-label{color:#b2b2b2}.dark .disabled .ev-checkbox-label{color:#555}.disabled .ev-checkbox-input,.disabled .ev-checkbox-label{cursor:not-allowed!important}.type-button .ev-checkbox{display:inline-block;padding:0;margin:0;text-align:center;border:1px solid #b2b2b2;border-left:0}.dark .type-button .ev-checkbox{border:1px solid #666;border-left:0}.type-button .ev-checkbox:first-child{border-radius:4px 0 0 4px;border-left:1px solid #b2b2b2}.dark .type-button .ev-checkbox:first-child{border-left:1px solid #666}.type-button .ev-checkbox:last-child{border-radius:0 4px 4px 0}.type-button .ev-checkbox.checked{color:#fff;background-color:#1a6afe}.dark .type-button .ev-checkbox.checked{background-color:#007aff}.type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,69.8%,.5)}.dark .type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,40%,.5)}.type-button .ev-checkbox-input{position:absolute;width:0;height:0;visibility:hidden;overflow:hidden;z-index:-1}.type-button .ev-checkbox-label{display:inline-block;padding:7px 12px}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "d44e":
@@ -11625,20 +11679,6 @@ module.exports = CORRECT_PROTOTYPE_GETTER ? Object.getPrototypeOf : function (O)
 };
 
 
-/***/ }),
-
-/***/ "e165":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-grid[data-v-5884b7ad]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-5884b7ad]{overflow:auto}.ev-grid--empty .table-header[data-v-5884b7ad]{display:table}.ev-grid.non-header[data-v-5884b7ad]{padding-top:0}.ev-grid .table-header[data-v-5884b7ad]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-5884b7ad]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-5884b7ad]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-5884b7ad]{display:none;vertical-align:middle;cursor:pointer}.column-list[data-v-5884b7ad]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-5884b7ad],.column-list[data-v-5884b7ad]{position:relative;height:100%}.column[data-v-5884b7ad]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-5884b7ad]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-5884b7ad]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-5884b7ad]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-5884b7ad]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-5884b7ad],.column :hover .column-sort__icon--desc[data-v-5884b7ad]{visibility:hidden}.column-name[data-v-5884b7ad]{display:-webkit-box;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-weight:700;font-size:14px;cursor:pointer}.column-resize[data-v-5884b7ad]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-5884b7ad]:hover{cursor:col-resize}.table-body[data-v-5884b7ad]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-5884b7ad]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-5884b7ad]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-5884b7ad]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-5884b7ad]{border-bottom:1px solid}.table-body .row[data-v-5884b7ad]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-5884b7ad]{border-bottom:1px solid}.table-body .row.selected[data-v-5884b7ad]{background:#dbf0f9}.dark .table-body .row.selected[data-v-5884b7ad],.table-body .row.selected[data-v-5884b7ad]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-5884b7ad]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-5884b7ad]{display:grid}.table-body .cell[data-v-5884b7ad]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-5884b7ad],.table-body .cell div[data-v-5884b7ad]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-5884b7ad]{overflow:hidden}.table-body .cell.row-checkbox[data-v-5884b7ad]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-5884b7ad]{overflow:initial}.table-body .cell.float[data-v-5884b7ad],.table-body .cell.number[data-v-5884b7ad]{text-align:right}.table-body .cell.string[data-v-5884b7ad],.table-body .cell.stringNumber[data-v-5884b7ad]{text-align:left}.table-body .cell.center[data-v-5884b7ad]{text-align:center}.table-body .cell.left[data-v-5884b7ad]{text-align:left}.table-body .cell.left .wrap[data-v-5884b7ad]{justify-content:flex-start}.table-body .cell.right[data-v-5884b7ad]{text-align:right}.table-body .cell.right .wrap[data-v-5884b7ad]{justify-content:flex-end}.table-resize-line[data-v-5884b7ad]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-5884b7ad]{border-right:1px solid}.vscroll-spacer[data-v-5884b7ad]{opacity:0;clear:both}[v-cloak][data-v-5884b7ad]{display:none}.ev-checkbox[data-v-5884b7ad]{margin:0}.non-border[data-v-5884b7ad]{border:none!important}.is-empty[data-v-5884b7ad]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "e177":
@@ -12634,14 +12674,14 @@ hiddenKeys[METADATA] = true;
 
 /***/ }),
 
-/***/ "f1ff":
+/***/ "f255":
 /***/ (function(module, exports, __webpack_require__) {
 
 // Imports
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-checkbox{margin-right:30px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.ev-checkbox-label{padding-left:5px}.ev-checkbox-input{cursor:pointer}.disabled .ev-checkbox-label{color:#b2b2b2}.dark .disabled .ev-checkbox-label{color:#555}.disabled .ev-checkbox-input,.disabled .ev-checkbox-label{cursor:not-allowed!important}.type-button .ev-checkbox{display:inline-block;padding:0;margin:0;text-align:center;border:1px solid #b2b2b2;border-left:0}.dark .type-button .ev-checkbox{border:1px solid #666;border-left:0}.type-button .ev-checkbox:first-child{border-radius:4px 0 0 4px;border-left:1px solid #b2b2b2}.dark .type-button .ev-checkbox:first-child{border-left:1px solid #666}.type-button .ev-checkbox:last-child{border-radius:0 4px 4px 0}.type-button .ev-checkbox.checked{color:#fff;background-color:#1a6afe}.dark .type-button .ev-checkbox.checked{background-color:#007aff}.type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,69.8%,.5)}.dark .type-button .ev-checkbox.disabled.checked{background-color:hsla(0,0%,40%,.5)}.type-button .ev-checkbox-input{position:absolute;width:0;height:0;visibility:hidden;overflow:hidden;z-index:-1}.type-button .ev-checkbox-label{display:inline-block;padding:7px 12px}", ""]);
+exports.push([module.i, ".ev-grid-filter-setting{position:absolute;width:auto;border:1px solid #d0d0d0;background:#fff;font-size:12px;z-index:1}.ev-grid-filter-setting__header{padding:10px}.ev-grid-filter-setting__header .ev-text-field{margin-top:10px}.ev-grid-filter-setting__row{display:flex;width:100%;padding:6px 0;gap:5px}.ev-grid-filter-setting__row .ev-select__wrapper{width:inherit}.ev-grid-filter-setting__row--operator{width:80px}.ev-grid-filter-setting__row--comparison,.ev-grid-filter-setting__row--value{width:120px}.ev-grid-filter-setting__row--button{display:flex;justify-content:center;align-items:center}.ev-grid-filter-setting__row--button.add{padding:6px 0;justify-content:end}.ev-grid-filter-setting__row--button i{font-size:22px;margin-left:8px}.ev-grid-filter-setting__row--button i:hover{opacity:.6;cursor:pointer}.ev-grid-filter-setting__content{padding:0 10px;border-top:1px solid #ced4da;border-bottom:1px solid #ced4da}.ev-grid-filter-setting__footer{display:flex;padding:5px 10px}.ev-grid-filter-setting__footer .ev-button{margin-left:auto}", ""]);
 // Exports
 module.exports = exports;
 
@@ -13656,9 +13696,13 @@ ButtonGroup.install = function (app) {
 };
 
 /* harmony default export */ var buttonGroup = (ButtonGroup);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/checkbox/Checkbox.vue?vue&type=template&id=14485370
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/checkbox/Checkbox.vue?vue&type=template&id=ba4db962
 
-function Checkboxvue_type_template_id_14485370_render(_ctx, _cache, $props, $setup, $data, $options) {
+var Checkboxvue_type_template_id_ba4db962_hoisted_1 = {
+  ref: "checkboxLabel",
+  class: "ev-checkbox-label"
+};
+function Checkboxvue_type_template_id_ba4db962_render(_ctx, _cache, $props, $setup, $data, $options) {
   return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("label", {
     class: ["ev-checkbox", [{
       disabled: $props.disabled
@@ -13678,16 +13722,13 @@ function Checkboxvue_type_template_id_14485370_render(_ctx, _cache, $props, $set
     onChange: _cache[2] || (_cache[2] = function () {
       return $setup.changeMv && $setup.changeMv.apply($setup, arguments);
     })
-  }, null, 40, ["disabled", "value", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelCheckbox"], $setup.mv]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
-    class: "ev-checkbox-label",
-    title: $props.label
-  }, [_ctx.$slots.default ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {
+  }, null, 40, ["disabled", "value", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelCheckbox"], $setup.mv]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Checkboxvue_type_template_id_ba4db962_hoisted_1, [_ctx.$slots.default ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "default", {
     key: 0
   }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
     key: 1
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.label), 1)], 64))], 8, ["title"])], 2);
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($props.label), 1)], 64))], 512)], 2);
 }
-// CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=template&id=14485370
+// CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=template&id=ba4db962
 
 // EXTERNAL MODULE: ./node_modules/regenerator-runtime/runtime.js
 var runtime = __webpack_require__("96cf");
@@ -13755,6 +13796,10 @@ function _asyncToGenerator(fn) {
       type: [String, Number, Boolean, Symbol],
       default: null
     },
+    tooltipTitle: {
+      type: String,
+      default: ''
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -13776,9 +13821,24 @@ function _asyncToGenerator(fn) {
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
 
+    /**
+     * checkbox label Ref
+     */
+    var checkboxLabel = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])();
+    /**
+     * checkbox label의 title(마우스 호버 시 보이는 내용)사용 되는
+     * tooltipTitle props의 값이 있을 시 태그에 title 속성 추가
+     */
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      if (checkboxLabel.value && props.tooltipTitle) {
+        checkboxLabel.value.title = props.tooltipTitle;
+      }
+    });
     /**
      * checkbox Ref
      */
+
     var checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(null);
     /**
      * checkbox의 modelView 값
@@ -13857,6 +13917,7 @@ function _asyncToGenerator(fn) {
     });
     return {
       mv: mv,
+      checkboxLabel: checkboxLabel,
       checkbox: checkbox,
       checked: checked,
       changeMv: changeMv
@@ -13865,8 +13926,8 @@ function _asyncToGenerator(fn) {
 });
 // CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=style&index=0&id=14485370&lang=scss
-var Checkboxvue_type_style_index_0_id_14485370_lang_scss = __webpack_require__("9a99");
+// EXTERNAL MODULE: ./src/components/checkbox/Checkbox.vue?vue&type=style&index=0&id=ba4db962&lang=scss
+var Checkboxvue_type_style_index_0_id_ba4db962_lang_scss = __webpack_require__("620d");
 
 // CONCATENATED MODULE: ./src/components/checkbox/Checkbox.vue
 
@@ -13876,7 +13937,7 @@ var Checkboxvue_type_style_index_0_id_14485370_lang_scss = __webpack_require__("
 
 
 
-const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_lang_js, [['render',Checkboxvue_type_template_id_14485370_render]])
+const Checkbox_exports_ = /*#__PURE__*/exportHelper_default()(Checkboxvue_type_script_lang_js, [['render',Checkboxvue_type_template_id_ba4db962_render]])
 
 /* harmony default export */ var Checkbox = (Checkbox_exports_);
 // CONCATENATED MODULE: ./src/components/checkbox/index.js
@@ -24201,7 +24262,10 @@ var uses_usePosition = function usePosition() {
   var menuStyle = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
     top: null,
     left: null,
-    right: null
+    right: null,
+    pageY: null,
+    pageX: null,
+    clientX: null
   });
   /**
    * ContextMenu.vue 컴포넌트 생성 메소드
@@ -24231,6 +24295,9 @@ var uses_usePosition = function usePosition() {
                 docHeight = document.documentElement.clientHeight;
                 docWidth = document.documentElement.clientWidth;
                 RIGHT_BUFFER_PX = 20;
+                menuStyle.pageX = e.pageX;
+                menuStyle.pageY = e.pageY;
+                menuStyle.clientX = e.clientX;
 
                 if (docHeight < e.clientY + menuListHeight) {
                   // dropTop
@@ -27283,60 +27350,86 @@ 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=5884b7ad&scoped=true
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=2160127b&scoped=true
+
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-5884b7ad");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-2160127b");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-5884b7ad");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-2160127b");
 
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_1 = {
+  class: "filtering-items__item--title"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_2 = {
+  class: "filtering-items__item--title"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_3 = {
+  key: 1,
+  class: "filtering-items__item--value"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_4 = {
+  class: "filtering-items__item"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_5 = {
+  class: "filtering-items__item--title"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_6 = {
+  class: "filtering-items__item--value"
+};
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_7 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_8 = {
   ref: "table"
 };
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_9 = {
   key: 0
 };
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_10 = {
   key: 0
 };
 
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_5 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_11 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_2160127b_scoped_true_hoisted_12 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_2160127b_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");
+
+  var _component_ev_select = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-select");
+
   var _component_grid_option_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-option-button");
 
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
 
   var _component_column_setting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("column-setting");
 
+  var _component_filter_setting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("filter-setting");
+
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
 
   var _component_grid_sort_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-sort-button");
 
-  var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
-
   var _component_ev_context_menu = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-context-menu");
 
   var _component_grid_summary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-summary");
 
   var _component_grid_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-pagination");
 
+  var _directive_clickoutside = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("clickoutside");
+
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
   var _directive_observe_visibility = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("observe-visibility");
@@ -27348,8 +27441,98 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
     style: "width: ".concat(_ctx.gridWidth, ";")
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_toolbar, null, {
     toolbarWrapper: _withId(function () {
-      return [$setup.useColumnSetting ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_option_button, {
+      return [_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", {
         key: 0,
+        ref: "filteringItemsRef",
+        class: "filtering-items",
+        style: {
+          width: "".concat($setup.filteringItemsWidth, "px"),
+          background: !$setup.isShowColumnFilteringItems && $setup.isExpandColumnFilteringItems ? '#FFFFFF' : 'none',
+          border: !$setup.isShowColumnFilteringItems && $setup.isExpandColumnFilteringItems ? '1px solid #CED4DA' : 'none'
+        }
+      }, [(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 _ctx$filteringItemsBy2, _ctx$filteringItemsBy3, _ctx$filteringItemsBy4;
+
+        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 === 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 () {
+            return $setup.onExpandFilteringItems && $setup.onExpandFilteringItems.apply($setup, arguments);
+          })
+        }, [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_2160127b_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, {
+          class: "filtering-items__item--remove",
+          icon: "ev-icon-s-close",
+          style: {
+            "margin-left": "0"
+          },
+          onClick: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])($setup.removeAllFiltering, ["stop"])
+        }, null, 8, ["onClick"])])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), idx === 1 ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_select, {
+          key: 1,
+          modelValue: _ctx.columnOperator,
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
+            return _ctx.columnOperator = $event;
+          }),
+          class: "ev-grid-filter-setting__row--operator",
+          items: $setup.operatorItems,
+          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",
+          onClick: function onClick($event) {
+            var _ctx$filteringItemsBy;
+
+            return $setup.onClickFilteringItem((_ctx$filteringItemsBy = _ctx.filteringItemsByColumn[field]) === null || _ctx$filteringItemsBy === void 0 ? void 0 : _ctx$filteringItemsBy[0].caption, _ctx.filteringItemsByColumn[field]);
+          }
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_2160127b_scoped_true_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_ctx$filteringItemsBy2 = _ctx.filteringItemsByColumn[field]) === null || _ctx$filteringItemsBy2 === void 0 ? void 0 : _ctx$filteringItemsBy2[0].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", {
+          key: 0,
+          class: "filtering-items__item--value",
+          title: "".concat(_ctx.filteringItemsByColumn[field][0].value)
+        }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_ctx$filteringItemsBy3 = _ctx.filteringItemsByColumn[field]) === null || _ctx$filteringItemsBy3 === void 0 ? void 0 : _ctx$filteringItemsBy3[0].comparison) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])((_ctx$filteringItemsBy4 = _ctx.filteringItemsByColumn[field]) === null || _ctx$filteringItemsBy4 === void 0 ? void 0 : _ctx$filteringItemsBy4[0].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_2160127b_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.removeColumnFiltering(field);
+          }
+        }, null, 8, ["onClick"])], 8, ["onClick"])], 64);
+      }), 128))], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _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: 1,
+        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) {
+        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"])(_component_ev_select, {
+          key: 0,
+          modelValue: field.operator,
+          "onUpdate:modelValue": function onUpdateModelValue($event) {
+            return field.operator = $event;
+          },
+          class: "ev-grid-filter-setting__row--operator",
+          disabled: "",
+          items: $setup.operatorItems
+        }, null, 8, ["modelValue", "onUpdate:modelValue", "items"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_2160127b_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_2160127b_scoped_true_hoisted_5, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.selectedFilteringFiled), 1), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_2160127b_scoped_true_hoisted_6, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(field.comparison) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(field.value), 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.selectedFilteringFiled,
+              idx: idx
+            });
+          }
+        }, 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: 2,
         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", {
@@ -27361,13 +27544,25 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
     _: 1
   }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_column_setting, {
     "is-show": _ctx.isShowColumnSetting,
-    "onUpdate:is-show": _cache[1] || (_cache[1] = function ($event) {
+    "onUpdate:is-show": _cache[3] || (_cache[3] = function ($event) {
       return _ctx.isShowColumnSetting = $event;
     }),
     columns: _ctx.$props.columns,
     "hidden-column": _ctx.hiddenColumn,
     onApplyColumn: $setup.onApplyColumn
-  }, null, 8, ["is-show", "columns", "hidden-column", "onApplyColumn"])], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
+  }, null, 8, ["is-show", "columns", "hidden-column", "onApplyColumn"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_setting, {
+    "is-show": _ctx.isShowFilterSetting,
+    "onUpdate:is-show": _cache[4] || (_cache[4] = function ($event) {
+      return _ctx.isShowFilterSetting = $event;
+    }),
+    items: _ctx.filteringItemsByColumn,
+    "onUpdate:items": _cache[5] || (_cache[5] = function ($event) {
+      return _ctx.filteringItemsByColumn = $event;
+    }),
+    column: _ctx.filteringColumn,
+    position: _ctx.filterSettingPosition,
+    onApplyFiltering: $setup.onApplyFilter
+  }, null, 8, ["is-show", "items", "column", "position", "onApplyFiltering"])], 4)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Object(external_commonjs_vue_commonjs2_vue_root_Vue_["mergeProps"])({
     ref: "grid-wrapper"
   }, _ctx.$attrs, {
     class: "grid-wrapper",
@@ -27387,7 +27582,7 @@ var Gridvue_type_template_id_5884b7ad_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_5884b7ad_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_2160127b_scoped_true_hoisted_7, [_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,
@@ -27400,7 +27595,7 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
   }, [_ctx.useCheckbox.use && _ctx.useCheckbox.headerCheck && _ctx.useCheckbox.mode !== 'single' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox, {
     key: 0,
     modelValue: _ctx.isHeaderChecked,
-    "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
+    "onUpdate:modelValue": _cache[6] || (_cache[6] = function ($event) {
       return _ctx.isHeaderChecked = $event;
     }),
     onChange: $setup.onCheckAll
@@ -27420,13 +27615,23 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
         'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
         'margin-right': _ctx.orderedColumns.length - 1 === index && (_ctx.hasVerticalScrollBar || _ctx.hasHorizontalScrollBar) ? "".concat(_ctx.scrollWidth, "px") : '0px',
         'border-right': _ctx.orderedColumns.length - 1 === index ? 'none' : '1px solid #CFCFCF'
-      }
+      },
+      draggable: true,
+      onDragstart: _cache[8] || (_cache[8] = function () {
+        return $setup.onDragStart && $setup.onDragStart.apply($setup, arguments);
+      }),
+      onDragover: _cache[9] || (_cache[9] = function () {
+        return $setup.onDragOver && $setup.onDragOver.apply($setup, arguments);
+      }),
+      onDrop: _cache[10] || (_cache[10] = function () {
+        return $setup.onDrop && $setup.onDrop.apply($setup, arguments);
+      })
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       title: column.caption,
       class: "column-name",
       onClick: [function ($event) {
         return $setup.onColumnContextMenu($event, column);
-      }, _cache[3] || (_cache[3] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+      }, _cache[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
         var _ctx$columnMenu;
 
         return _ctx.columnMenu.show && (_ctx$columnMenu = _ctx.columnMenu).show.apply(_ctx$columnMenu, arguments);
@@ -27483,7 +27688,7 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
       onMousedown: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function ($event) {
         return $setup.onColumnResize(index, $event);
       }, ["stop", "left"])
-    }, null, 40, ["onMousedown"])], 14, ["data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+    }, null, 40, ["onMousedown"])], 46, ["data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
   }), 128)), (_ctx$$props$option$cu = _ctx.$props.option.customContextMenu) !== null && _ctx$$props$option$cu !== void 0 && _ctx$$props$option$cu.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 1,
     class: {
@@ -27503,12 +27708,12 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
       'bottom-border': !!_ctx.viewStore.length,
       'non-border': !!$setup.borderStyle
     },
-    onScroll: _cache[7] || (_cache[7] = function () {
+    onScroll: _cache[14] || (_cache[14] = function () {
       return $setup.onScroll && $setup.onScroll.apply($setup, arguments);
     }),
-    onContextmenu: [_cache[8] || (_cache[8] = function ($event) {
+    onContextmenu: [_cache[15] || (_cache[15] = function ($event) {
       return $setup.onContextMenu($event);
-    }), _cache[9] || (_cache[9] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+    }), _cache[16] || (_cache[16] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
       var _ctx$menu;
 
       return _ctx.menu.show && (_ctx$menu = _ctx.menu).show.apply(_ctx$menu, arguments);
@@ -27516,7 +27721,7 @@ var Gridvue_type_template_id_5884b7ad_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_5884b7ad_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (row, rowIndex) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_2160127b_scoped_true_hoisted_8, [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", {
@@ -27573,9 +27778,9 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
           height: "".concat(_ctx.rowHeight, "px"),
           'line-height': "".concat(_ctx.rowHeight, "px"),
           'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
-          'border-right': _ctx.orderedColumns.length - 1 === column.index ? 'none' : '1px solid #CFCFCF'
+          '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_5884b7ad_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
+      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_2160127b_scoped_true_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -27601,22 +27806,22 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
     }, [_ctx.$slots.contextmenuIcon ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 0,
       class: "row-contextmenu__btn",
-      onClick: [_cache[4] || (_cache[4] = function ($event) {
+      onClick: [_cache[11] || (_cache[11] = function ($event) {
         return $setup.onContextMenu($event);
-      }), _cache[5] || (_cache[5] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+      }), _cache[12] || (_cache[12] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
         var _ctx$menu2;
 
         return _ctx.menu.show && (_ctx$menu2 = _ctx.menu).show.apply(_ctx$menu2, arguments);
       }, ["prevent"]))]
-    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "contextmenuIcon")])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "contextmenuIcon")])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_option_button, {
       key: 1,
       icon: "ev-icon-warning2",
       class: "row-contextmenu__btn",
-      onClick: [_cache[6] || (_cache[6] = function ($event) {
+      onClick: [_cache[13] || (_cache[13] = function ($event) {
         return $setup.onContextMenu($event);
       }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(_ctx.menu.show, ["prevent"])]
     }, null, 8, ["onClick"]))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 42, ["data-index", "onClick", "onDblclick"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_4, [Gridvue_type_template_id_5884b7ad_scoped_true_hoisted_5])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 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_2160127b_scoped_true_hoisted_10, [Gridvue_type_template_id_2160127b_scoped_true_hoisted_11])) : 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, {
@@ -27625,7 +27830,7 @@ var Gridvue_type_template_id_5884b7ad_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_5884b7ad_scoped_true_hoisted_6, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, 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_2160127b_scoped_true_hoisted_12, 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, {
@@ -27642,7 +27847,7 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
   }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option", "scroll-left"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
     key: 2,
     modelValue: _ctx.currentPage,
-    "onUpdate:modelValue": _cache[10] || (_cache[10] = function ($event) {
+    "onUpdate:modelValue": _cache[17] || (_cache[17] = function ($event) {
       return _ctx.currentPage = $event;
     }),
     total: _ctx.pageTotal,
@@ -27652,7 +27857,7 @@ var Gridvue_type_template_id_5884b7ad_scoped_true_render = /*#__PURE__*/_withId(
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=5884b7ad&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=2160127b&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
 
@@ -28071,30 +28276,30 @@ var grid_summaryvue_type_style_index_0_id_fd0ffe52_lang_scss_scoped_true = __web
 const grid_summary_exports_ = /*#__PURE__*/exportHelper_default()(grid_summaryvue_type_script_lang_js, [['render',grid_summaryvue_type_template_id_fd0ffe52_scoped_true_render],['__scopeId',"data-v-fd0ffe52"]])
 
 /* harmony default export */ var grid_summary = (grid_summary_exports_);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.columnSetting.vue?vue&type=template&id=01f79a26
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@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
 
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_1 = {
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_1 = {
   class: "ev-grid-column-setting__header"
 };
 
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_2 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
+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);
 
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_3 = {
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_3 = {
   class: "ev-grid-column-setting__content"
 };
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_4 = {
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_4 = {
   key: 1,
   class: "is-empty"
 };
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_5 = {
+var grid_columnSettingvue_type_template_id_88a7d2b6_hoisted_5 = {
   class: "ev-grid-column-setting__footer"
 };
 
-var grid_columnSettingvue_type_template_id_01f79a26_hoisted_6 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
+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_01f79a26_render(_ctx, _cache, $props, $setup, $data, $options) {
+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");
 
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -28112,7 +28317,7 @@ function grid_columnSettingvue_type_template_id_01f79a26_render(_ctx, _cache, $p
     ref: "columnSettingWrapper",
     class: "ev-grid-column-setting",
     style: $setup.columnSettingStyle
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_1, [grid_columnSettingvue_type_template_id_01f79a26_hoisted_2, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_text_field, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_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;
@@ -28120,7 +28325,7 @@ function grid_columnSettingvue_type_template_id_01f79a26_render(_ctx, _cache, $p
     type: "search",
     placeholder: "Search",
     onInput: $setup.onSearchColumn
-  }, null, 8, ["modelValue", "onInput"])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_3, [$setup.columnList.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_checkbox_group, {
+  }, 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) {
@@ -28130,25 +28335,28 @@ function grid_columnSettingvue_type_template_id_01f79a26_render(_ctx, _cache, $p
   }, {
     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
-        }, null, 8, ["label"]);
+          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_01f79a26_hoisted_4, " No records "))]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_columnSettingvue_type_template_id_01f79a26_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_button, {
+  }, 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_01f79a26_hoisted_6];
+      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=01f79a26
+// 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
 
@@ -28383,8 +28591,8 @@ function grid_columnSettingvue_type_template_id_01f79a26_render(_ctx, _cache, $p
 });
 // CONCATENATED MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/grid.columnSetting.vue?vue&type=style&index=0&id=01f79a26&lang=scss
-var grid_columnSettingvue_type_style_index_0_id_01f79a26_lang_scss = __webpack_require__("bcaf");
+// 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
 
@@ -28394,9 +28602,357 @@ var grid_columnSettingvue_type_style_index_0_id_01f79a26_lang_scss = __webpack_r
 
 
 
-const grid_columnSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_columnSettingvue_type_script_lang_js, [['render',grid_columnSettingvue_type_template_id_01f79a26_render]])
+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=4778286b
+
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_1 = {
+  class: "ev-grid-filter-setting__header"
+};
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_2 = {
+  class: "header-title"
+};
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_3 = {
+  class: "ev-grid-filter-setting__content"
+};
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_4 = {
+  class: "ev-grid-filter-setting__row--button"
+};
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_5 = {
+  class: "ev-grid-filter-setting__row--button add"
+};
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_6 = {
+  class: "ev-grid-filter-setting__footer"
+};
+
+var grid_filterSettingvue_type_template_id_4778286b_hoisted_7 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" OK ");
+
+function grid_filterSettingvue_type_template_id_4778286b_render(_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
+
+  var _component_ev_select = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-select");
+
+  var _component_ev_text_field = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-text-field");
+
+  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-column-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_4778286b_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_4778286b_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_4778286b_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"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_text_field, {
+      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'
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_4778286b_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_4778286b_hoisted_5, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+    icon: "ev-icon-add",
+    onClick: $setup.addRow
+  }, null, 8, ["onClick"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_4778286b_hoisted_6, [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_4778286b_hoisted_7];
+    }),
+    _: 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=4778286b
+
+// 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
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var grid_filterSettingvue_type_script_lang_js = ({
+  name: 'EVGridFilterSetting',
+  directives: {
+    clickoutside: clickoutside
+  },
+  props: {
+    isShow: {
+      type: Boolean,
+      default: false
+    },
+    position: {
+      type: Object,
+      default: function _default() {
+        return {
+          top: 0,
+          left: 0
+        };
+      }
+    },
+    column: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    items: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  emits: {
+    'update:isShow': null,
+    'apply-filtering': null
+  },
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var filteringItems = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var filteringColumn = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.column;
+    }); // const columnField = computed(() => {
+    //   console.log(props.column);
+    //   return props.column?.field;
+    // });
+
+    var items1 = [{
+      name: 'AND',
+      value: 'and'
+    }, {
+      name: 'OR',
+      value: 'or'
+    }];
+    var numberItems = [{
+      name: '=',
+      value: '='
+    }, {
+      name: '!=',
+      value: '!='
+    }, {
+      name: '<',
+      value: '<'
+    }, {
+      name: '>',
+      value: '>'
+    }, {
+      name: '<=',
+      value: '<='
+    }, {
+      name: '>=',
+      value: '>='
+    }];
+    var stringItems = [{
+      name: 's%',
+      value: 's%'
+    }, // starts with
+    {
+      name: '%s',
+      value: '%s'
+    }, // ends with
+    {
+      name: '%s%',
+      value: '%s%'
+    }, // contains
+    {
+      name: 'Not Like',
+      value: 'notLike'
+    }, // does not contains
+    {
+      name: '=',
+      value: '='
+    }, // is
+    {
+      name: '!=',
+      value: '!='
+    } // is not
+    ];
+    var commonItems = [{
+      name: 'Is empty',
+      value: 'isEmpty'
+    }, {
+      name: 'Is not empty',
+      value: 'isNotEmpty'
+    }];
+
+    var getComparisonItems = function getComparisonItems(columnType) {
+      if (columnType === 'string' || columnType === 'stringNumber') {
+        return [].concat(stringItems, commonItems);
+      } else if (columnType === 'number' || columnType === 'float') {
+        return [].concat(numberItems, commonItems);
+      } else if (columnType === 'boolean') {
+        return [{
+          name: 'Is',
+          value: 'is'
+        }];
+      }
+
+      return [];
+    };
+
+    var items2 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return getComparisonItems(props.column.type);
+    });
+    var isShowFilterSetting = 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 addRow = function addRow() {
+      var operator = filteringItems.value.length > 2 ? filteringItems.value[2].operator : 'and';
+      filteringItems.value.push({
+        comparison: '=',
+        operator: operator,
+        value: ''
+      });
+    };
+
+    var removeRow = function removeRow(idx) {
+      if (filteringItems.value.length > 1) {
+        filteringItems.value.splice(idx, 1);
+      } else if (idx === 0) {
+        filteringItems.value[0].comparison = '=';
+        filteringItems.value[0].value = '';
+      }
+    };
+
+    var changeComparison = function changeComparison(comparison, idx) {
+      if (comparison === 'isEmpty' || comparison === 'isNotEmpty') {
+        filteringItems.value[idx].value = '';
+      }
+    };
+
+    var changeOperator = function changeOperator(val) {
+      filteringItems.value = filteringItems.value.map(function (item) {
+        return _objectSpread2(_objectSpread2({}, item), {}, {
+          operator: val
+        });
+      });
+    };
+
+    var applyFiltering = function applyFiltering() {
+      emit('apply-filtering', filteringColumn.value.field, filteringItems.value.filter(function (item) {
+        return item.value || item.comparison === 'isEmpty' || item.comparison === 'isNotEmpty';
+      }));
+    };
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.isShow;
+    }, function (isShow) {
+      var rowList = [];
+
+      if (isShow && filteringColumn.value.field) {
+        var _props$items$filterin;
+
+        if (!((_props$items$filterin = props.items[filteringColumn.value.field]) !== null && _props$items$filterin !== void 0 && _props$items$filterin.length)) {
+          rowList.push({
+            comparison: '=',
+            operator: 'and',
+            value: '',
+            caption: filteringColumn.value.caption
+          });
+        } else {
+          props.items[filteringColumn.value.field].forEach(function (row) {
+            rowList.push(row);
+          });
+        }
+
+        filteringItems.value = rowList;
+      }
+    });
+
+    var getSelectTitle = function getSelectTitle(items, title) {
+      var _items$find;
+
+      return ((_items$find = items.find(function (item) {
+        return item.value === title;
+      })) === null || _items$find === void 0 ? void 0 : _items$find.name) || '';
+    };
+
+    return {
+      filteringItems: filteringItems,
+      isShowFilterSetting: isShowFilterSetting,
+      items1: items1,
+      items2: items2,
+      addRow: addRow,
+      removeRow: removeRow,
+      changeOperator: changeOperator,
+      applyFiltering: applyFiltering,
+      changeComparison: changeComparison,
+      getSelectTitle: getSelectTitle
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.filterSetting.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.filterSetting.vue?vue&type=style&index=0&id=4778286b&lang=scss
+var grid_filterSettingvue_type_style_index_0_id_4778286b_lang_scss = __webpack_require__("bcf5");
+
+// CONCATENATED MODULE: ./src/components/grid/grid.filterSetting.vue
+
+
+
+
+
+
+
+const grid_filterSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_filterSettingvue_type_script_lang_js, [['render',grid_filterSettingvue_type_template_id_4778286b_render]])
+
+/* harmony default export */ var grid_filterSetting = (grid_filterSetting_exports_);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.sortButton.vue?vue&type=template&id=f56c261c
 
 var grid_sortButtonvue_type_template_id_f56c261c_hoisted_1 = {
@@ -28554,6 +29110,1049 @@ function grid_optionButtonvue_type_template_id_3ffafe0b_render(_ctx, _cache, $pr
 const grid_optionButton_exports_ = /*#__PURE__*/exportHelper_default()(grid_optionButtonvue_type_script_lang_js, [['render',grid_optionButtonvue_type_template_id_3ffafe0b_render]])
 
 /* harmony default export */ var grid_optionButton = (grid_optionButton_exports_);
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMatch.js
+
+
+
+/** Used to compose bitmasks for value comparisons. */
+var _baseIsMatch_COMPARE_PARTIAL_FLAG = 1,
+    _baseIsMatch_COMPARE_UNORDERED_FLAG = 2;
+
+/**
+ * The base implementation of `_.isMatch` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Object} object The object to inspect.
+ * @param {Object} source The object of property values to match.
+ * @param {Array} matchData The property names, values, and compare flags to match.
+ * @param {Function} [customizer] The function to customize comparisons.
+ * @returns {boolean} Returns `true` if `object` is a match, else `false`.
+ */
+function baseIsMatch(object, source, matchData, customizer) {
+  var index = matchData.length,
+      length = index,
+      noCustomizer = !customizer;
+
+  if (object == null) {
+    return !length;
+  }
+  object = Object(object);
+  while (index--) {
+    var data = matchData[index];
+    if ((noCustomizer && data[2])
+          ? data[1] !== object[data[0]]
+          : !(data[0] in object)
+        ) {
+      return false;
+    }
+  }
+  while (++index < length) {
+    data = matchData[index];
+    var key = data[0],
+        objValue = object[key],
+        srcValue = data[1];
+
+    if (noCustomizer && data[2]) {
+      if (objValue === undefined && !(key in object)) {
+        return false;
+      }
+    } else {
+      var stack = new _Stack;
+      if (customizer) {
+        var result = customizer(objValue, srcValue, key, object, source, stack);
+      }
+      if (!(result === undefined
+            ? _baseIsEqual(srcValue, objValue, _baseIsMatch_COMPARE_PARTIAL_FLAG | _baseIsMatch_COMPARE_UNORDERED_FLAG, customizer, stack)
+            : result
+          )) {
+        return false;
+      }
+    }
+  }
+  return true;
+}
+
+/* harmony default export */ var _baseIsMatch = (baseIsMatch);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_isStrictComparable.js
+
+
+/**
+ * Checks if `value` is suitable for strict equality comparisons, i.e. `===`.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` if suitable for strict
+ *  equality comparisons, else `false`.
+ */
+function isStrictComparable(value) {
+  return value === value && !lodash_es_isObject(value);
+}
+
+/* harmony default export */ var _isStrictComparable = (isStrictComparable);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_getMatchData.js
+
+
+
+/**
+ * Gets the property names, values, and compare flags of `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @returns {Array} Returns the match data of `object`.
+ */
+function getMatchData(object) {
+  var result = lodash_es_keys(object),
+      length = result.length;
+
+  while (length--) {
+    var key = result[length],
+        value = object[key];
+
+    result[length] = [key, value, _isStrictComparable(value)];
+  }
+  return result;
+}
+
+/* harmony default export */ var _getMatchData = (getMatchData);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_matchesStrictComparable.js
+/**
+ * A specialized version of `matchesProperty` for source values suitable
+ * for strict equality comparisons, i.e. `===`.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @param {*} srcValue The value to match.
+ * @returns {Function} Returns the new spec function.
+ */
+function matchesStrictComparable(key, srcValue) {
+  return function(object) {
+    if (object == null) {
+      return false;
+    }
+    return object[key] === srcValue &&
+      (srcValue !== undefined || (key in Object(object)));
+  };
+}
+
+/* harmony default export */ var _matchesStrictComparable = (matchesStrictComparable);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseMatches.js
+
+
+
+
+/**
+ * The base implementation of `_.matches` which doesn't clone `source`.
+ *
+ * @private
+ * @param {Object} source The object of property values to match.
+ * @returns {Function} Returns the new spec function.
+ */
+function baseMatches(source) {
+  var matchData = _getMatchData(source);
+  if (matchData.length == 1 && matchData[0][2]) {
+    return _matchesStrictComparable(matchData[0][0], matchData[0][1]);
+  }
+  return function(object) {
+    return object === source || _baseIsMatch(object, source, matchData);
+  };
+}
+
+/* harmony default export */ var _baseMatches = (baseMatches);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_isKey.js
+
+
+
+/** Used to match property names within property paths. */
+var reIsDeepProp = /\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,
+    reIsPlainProp = /^\w*$/;
+
+/**
+ * Checks if `value` is a property name and not a property path.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {boolean} Returns `true` if `value` is a property name, else `false`.
+ */
+function isKey(value, object) {
+  if (lodash_es_isArray(value)) {
+    return false;
+  }
+  var type = typeof value;
+  if (type == 'number' || type == 'symbol' || type == 'boolean' ||
+      value == null || lodash_es_isSymbol(value)) {
+    return true;
+  }
+  return reIsPlainProp.test(value) || !reIsDeepProp.test(value) ||
+    (object != null && value in Object(object));
+}
+
+/* harmony default export */ var _isKey = (isKey);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/memoize.js
+
+
+/** Error message constants. */
+var memoize_FUNC_ERROR_TEXT = 'Expected a function';
+
+/**
+ * Creates a function that memoizes the result of `func`. If `resolver` is
+ * provided, it determines the cache key for storing the result based on the
+ * arguments provided to the memoized function. By default, the first argument
+ * provided to the memoized function is used as the map cache key. The `func`
+ * is invoked with the `this` binding of the memoized function.
+ *
+ * **Note:** The cache is exposed as the `cache` property on the memoized
+ * function. Its creation may be customized by replacing the `_.memoize.Cache`
+ * constructor with one whose instances implement the
+ * [`Map`](http://ecma-international.org/ecma-262/7.0/#sec-properties-of-the-map-prototype-object)
+ * method interface of `clear`, `delete`, `get`, `has`, and `set`.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Function
+ * @param {Function} func The function to have its output memoized.
+ * @param {Function} [resolver] The function to resolve the cache key.
+ * @returns {Function} Returns the new memoized function.
+ * @example
+ *
+ * var object = { 'a': 1, 'b': 2 };
+ * var other = { 'c': 3, 'd': 4 };
+ *
+ * var values = _.memoize(_.values);
+ * values(object);
+ * // => [1, 2]
+ *
+ * values(other);
+ * // => [3, 4]
+ *
+ * object.a = 2;
+ * values(object);
+ * // => [1, 2]
+ *
+ * // Modify the result cache.
+ * values.cache.set(object, ['a', 'b']);
+ * values(object);
+ * // => ['a', 'b']
+ *
+ * // Replace `_.memoize.Cache`.
+ * _.memoize.Cache = WeakMap;
+ */
+function memoize(func, resolver) {
+  if (typeof func != 'function' || (resolver != null && typeof resolver != 'function')) {
+    throw new TypeError(memoize_FUNC_ERROR_TEXT);
+  }
+  var memoized = function() {
+    var args = arguments,
+        key = resolver ? resolver.apply(this, args) : args[0],
+        cache = memoized.cache;
+
+    if (cache.has(key)) {
+      return cache.get(key);
+    }
+    var result = func.apply(this, args);
+    memoized.cache = cache.set(key, result) || cache;
+    return result;
+  };
+  memoized.cache = new (memoize.Cache || _MapCache);
+  return memoized;
+}
+
+// Expose `MapCache`.
+memoize.Cache = _MapCache;
+
+/* harmony default export */ var lodash_es_memoize = (memoize);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_memoizeCapped.js
+
+
+/** Used as the maximum memoize cache size. */
+var MAX_MEMOIZE_SIZE = 500;
+
+/**
+ * A specialized version of `_.memoize` which clears the memoized function's
+ * cache when it exceeds `MAX_MEMOIZE_SIZE`.
+ *
+ * @private
+ * @param {Function} func The function to have its output memoized.
+ * @returns {Function} Returns the new memoized function.
+ */
+function memoizeCapped(func) {
+  var result = lodash_es_memoize(func, function(key) {
+    if (cache.size === MAX_MEMOIZE_SIZE) {
+      cache.clear();
+    }
+    return key;
+  });
+
+  var cache = result.cache;
+  return result;
+}
+
+/* harmony default export */ var _memoizeCapped = (memoizeCapped);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_stringToPath.js
+
+
+/** Used to match property names within property paths. */
+var rePropName = /[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g;
+
+/** Used to match backslashes in property paths. */
+var reEscapeChar = /\\(\\)?/g;
+
+/**
+ * Converts `string` to a property path array.
+ *
+ * @private
+ * @param {string} string The string to convert.
+ * @returns {Array} Returns the property path array.
+ */
+var stringToPath = _memoizeCapped(function(string) {
+  var result = [];
+  if (string.charCodeAt(0) === 46 /* . */) {
+    result.push('');
+  }
+  string.replace(rePropName, function(match, number, quote, subString) {
+    result.push(quote ? subString.replace(reEscapeChar, '$1') : (number || match));
+  });
+  return result;
+});
+
+/* harmony default export */ var _stringToPath = (stringToPath);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_arrayMap.js
+/**
+ * A specialized version of `_.map` 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 the new mapped array.
+ */
+function arrayMap(array, iteratee) {
+  var index = -1,
+      length = array == null ? 0 : array.length,
+      result = Array(length);
+
+  while (++index < length) {
+    result[index] = iteratee(array[index], index, array);
+  }
+  return result;
+}
+
+/* harmony default export */ var _arrayMap = (arrayMap);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseToString.js
+
+
+
+
+
+/** Used as references for various `Number` constants. */
+var INFINITY = 1 / 0;
+
+/** Used to convert symbols to primitives and strings. */
+var _baseToString_symbolProto = _Symbol ? _Symbol.prototype : undefined,
+    symbolToString = _baseToString_symbolProto ? _baseToString_symbolProto.toString : undefined;
+
+/**
+ * The base implementation of `_.toString` which doesn't convert nullish
+ * values to empty strings.
+ *
+ * @private
+ * @param {*} value The value to process.
+ * @returns {string} Returns the string.
+ */
+function baseToString(value) {
+  // Exit early for strings to avoid a performance hit in some environments.
+  if (typeof value == 'string') {
+    return value;
+  }
+  if (lodash_es_isArray(value)) {
+    // Recursively convert values (susceptible to call stack limits).
+    return _arrayMap(value, baseToString) + '';
+  }
+  if (lodash_es_isSymbol(value)) {
+    return symbolToString ? symbolToString.call(value) : '';
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -INFINITY) ? '-0' : result;
+}
+
+/* harmony default export */ var _baseToString = (baseToString);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/toString.js
+
+
+/**
+ * Converts `value` to a string. An empty string is returned for `null`
+ * and `undefined` values. The sign of `-0` is preserved.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Lang
+ * @param {*} value The value to convert.
+ * @returns {string} Returns the converted string.
+ * @example
+ *
+ * _.toString(null);
+ * // => ''
+ *
+ * _.toString(-0);
+ * // => '-0'
+ *
+ * _.toString([1, 2, 3]);
+ * // => '1,2,3'
+ */
+function toString_toString(value) {
+  return value == null ? '' : _baseToString(value);
+}
+
+/* harmony default export */ var lodash_es_toString = (toString_toString);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_castPath.js
+
+
+
+
+
+/**
+ * Casts `value` to a path array if it's not one.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @param {Object} [object] The object to query keys on.
+ * @returns {Array} Returns the cast property path array.
+ */
+function castPath(value, object) {
+  if (lodash_es_isArray(value)) {
+    return value;
+  }
+  return _isKey(value, object) ? [value] : _stringToPath(lodash_es_toString(value));
+}
+
+/* harmony default export */ var _castPath = (castPath);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_toKey.js
+
+
+/** Used as references for various `Number` constants. */
+var _toKey_INFINITY = 1 / 0;
+
+/**
+ * Converts `value` to a string key if it's not a string or symbol.
+ *
+ * @private
+ * @param {*} value The value to inspect.
+ * @returns {string|symbol} Returns the key.
+ */
+function toKey(value) {
+  if (typeof value == 'string' || lodash_es_isSymbol(value)) {
+    return value;
+  }
+  var result = (value + '');
+  return (result == '0' && (1 / value) == -_toKey_INFINITY) ? '-0' : result;
+}
+
+/* harmony default export */ var _toKey = (toKey);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseGet.js
+
+
+
+/**
+ * The base implementation of `_.get` without support for default values.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @returns {*} Returns the resolved value.
+ */
+function baseGet(object, path) {
+  path = _castPath(path, object);
+
+  var index = 0,
+      length = path.length;
+
+  while (object != null && index < length) {
+    object = object[_toKey(path[index++])];
+  }
+  return (index && index == length) ? object : undefined;
+}
+
+/* harmony default export */ var _baseGet = (baseGet);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/get.js
+
+
+/**
+ * Gets the value at `path` of `object`. If the resolved value is
+ * `undefined`, the `defaultValue` is returned in its place.
+ *
+ * @static
+ * @memberOf _
+ * @since 3.7.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path of the property to get.
+ * @param {*} [defaultValue] The value returned for `undefined` resolved values.
+ * @returns {*} Returns the resolved value.
+ * @example
+ *
+ * var object = { 'a': [{ 'b': { 'c': 3 } }] };
+ *
+ * _.get(object, 'a[0].b.c');
+ * // => 3
+ *
+ * _.get(object, ['a', '0', 'b', 'c']);
+ * // => 3
+ *
+ * _.get(object, 'a.b.c', 'default');
+ * // => 'default'
+ */
+function get_get(object, path, defaultValue) {
+  var result = object == null ? undefined : _baseGet(object, path);
+  return result === undefined ? defaultValue : result;
+}
+
+/* harmony default export */ var lodash_es_get = (get_get);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseHasIn.js
+/**
+ * The base implementation of `_.hasIn` without support for deep paths.
+ *
+ * @private
+ * @param {Object} [object] The object to query.
+ * @param {Array|string} key The key to check.
+ * @returns {boolean} Returns `true` if `key` exists, else `false`.
+ */
+function baseHasIn(object, key) {
+  return object != null && key in Object(object);
+}
+
+/* harmony default export */ var _baseHasIn = (baseHasIn);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_hasPath.js
+
+
+
+
+
+
+
+/**
+ * Checks if `path` exists on `object`.
+ *
+ * @private
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path to check.
+ * @param {Function} hasFunc The function to check properties.
+ * @returns {boolean} Returns `true` if `path` exists, else `false`.
+ */
+function hasPath(object, path, hasFunc) {
+  path = _castPath(path, object);
+
+  var index = -1,
+      length = path.length,
+      result = false;
+
+  while (++index < length) {
+    var key = _toKey(path[index]);
+    if (!(result = object != null && hasFunc(object, key))) {
+      break;
+    }
+    object = object[key];
+  }
+  if (result || ++index != length) {
+    return result;
+  }
+  length = object == null ? 0 : object.length;
+  return !!length && lodash_es_isLength(length) && _isIndex(key, length) &&
+    (lodash_es_isArray(object) || lodash_es_isArguments(object));
+}
+
+/* harmony default export */ var _hasPath = (hasPath);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/hasIn.js
+
+
+
+/**
+ * Checks if `path` is a direct or inherited property of `object`.
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Object
+ * @param {Object} object The object to query.
+ * @param {Array|string} path The path to check.
+ * @returns {boolean} Returns `true` if `path` exists, else `false`.
+ * @example
+ *
+ * var object = _.create({ 'a': _.create({ 'b': 2 }) });
+ *
+ * _.hasIn(object, 'a');
+ * // => true
+ *
+ * _.hasIn(object, 'a.b');
+ * // => true
+ *
+ * _.hasIn(object, ['a', 'b']);
+ * // => true
+ *
+ * _.hasIn(object, 'b');
+ * // => false
+ */
+function hasIn(object, path) {
+  return object != null && _hasPath(object, path, _baseHasIn);
+}
+
+/* harmony default export */ var lodash_es_hasIn = (hasIn);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseMatchesProperty.js
+
+
+
+
+
+
+
+
+/** Used to compose bitmasks for value comparisons. */
+var _baseMatchesProperty_COMPARE_PARTIAL_FLAG = 1,
+    _baseMatchesProperty_COMPARE_UNORDERED_FLAG = 2;
+
+/**
+ * The base implementation of `_.matchesProperty` which doesn't clone `srcValue`.
+ *
+ * @private
+ * @param {string} path The path of the property to get.
+ * @param {*} srcValue The value to match.
+ * @returns {Function} Returns the new spec function.
+ */
+function baseMatchesProperty(path, srcValue) {
+  if (_isKey(path) && _isStrictComparable(srcValue)) {
+    return _matchesStrictComparable(_toKey(path), srcValue);
+  }
+  return function(object) {
+    var objValue = lodash_es_get(object, path);
+    return (objValue === undefined && objValue === srcValue)
+      ? lodash_es_hasIn(object, path)
+      : _baseIsEqual(srcValue, objValue, _baseMatchesProperty_COMPARE_PARTIAL_FLAG | _baseMatchesProperty_COMPARE_UNORDERED_FLAG);
+  };
+}
+
+/* harmony default export */ var _baseMatchesProperty = (baseMatchesProperty);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/identity.js
+/**
+ * This method returns the first argument it receives.
+ *
+ * @static
+ * @since 0.1.0
+ * @memberOf _
+ * @category Util
+ * @param {*} value Any value.
+ * @returns {*} Returns `value`.
+ * @example
+ *
+ * var object = { 'a': 1 };
+ *
+ * console.log(_.identity(object) === object);
+ * // => true
+ */
+function identity(value) {
+  return value;
+}
+
+/* harmony default export */ var lodash_es_identity = (identity);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseProperty.js
+/**
+ * The base implementation of `_.property` without support for deep paths.
+ *
+ * @private
+ * @param {string} key The key of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ */
+function baseProperty(key) {
+  return function(object) {
+    return object == null ? undefined : object[key];
+  };
+}
+
+/* harmony default export */ var _baseProperty = (baseProperty);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_basePropertyDeep.js
+
+
+/**
+ * A specialized version of `baseProperty` which supports deep paths.
+ *
+ * @private
+ * @param {Array|string} path The path of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ */
+function basePropertyDeep(path) {
+  return function(object) {
+    return _baseGet(object, path);
+  };
+}
+
+/* harmony default export */ var _basePropertyDeep = (basePropertyDeep);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/property.js
+
+
+
+
+
+/**
+ * Creates a function that returns the value at `path` of a given object.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.4.0
+ * @category Util
+ * @param {Array|string} path The path of the property to get.
+ * @returns {Function} Returns the new accessor function.
+ * @example
+ *
+ * var objects = [
+ *   { 'a': { 'b': 2 } },
+ *   { 'a': { 'b': 1 } }
+ * ];
+ *
+ * _.map(objects, _.property('a.b'));
+ * // => [2, 1]
+ *
+ * _.map(_.sortBy(objects, _.property(['a', 'b'])), 'a.b');
+ * // => [1, 2]
+ */
+function property(path) {
+  return _isKey(path) ? _baseProperty(_toKey(path)) : _basePropertyDeep(path);
+}
+
+/* harmony default export */ var lodash_es_property = (property);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIteratee.js
+
+
+
+
+
+
+/**
+ * The base implementation of `_.iteratee`.
+ *
+ * @private
+ * @param {*} [value=_.identity] The value to convert to an iteratee.
+ * @returns {Function} Returns the iteratee.
+ */
+function baseIteratee(value) {
+  // Don't store the `typeof` result in a variable to avoid a JIT bug in Safari 9.
+  // See https://bugs.webkit.org/show_bug.cgi?id=156034 for more details.
+  if (typeof value == 'function') {
+    return value;
+  }
+  if (value == null) {
+    return lodash_es_identity;
+  }
+  if (typeof value == 'object') {
+    return lodash_es_isArray(value)
+      ? _baseMatchesProperty(value[0], value[1])
+      : _baseMatches(value);
+  }
+  return lodash_es_property(value);
+}
+
+/* harmony default export */ var _baseIteratee = (baseIteratee);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseFindIndex.js
+/**
+ * The base implementation of `_.findIndex` and `_.findLastIndex` without
+ * support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} predicate The function invoked per iteration.
+ * @param {number} fromIndex The index to search from.
+ * @param {boolean} [fromRight] Specify iterating from right to left.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseFindIndex(array, predicate, fromIndex, fromRight) {
+  var length = array.length,
+      index = fromIndex + (fromRight ? 1 : -1);
+
+  while ((fromRight ? index-- : ++index < length)) {
+    if (predicate(array[index], index, array)) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+/* harmony default export */ var _baseFindIndex = (baseFindIndex);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsNaN.js
+/**
+ * The base implementation of `_.isNaN` without support for number objects.
+ *
+ * @private
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
+ */
+function baseIsNaN(value) {
+  return value !== value;
+}
+
+/* harmony default export */ var _baseIsNaN = (baseIsNaN);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_strictIndexOf.js
+/**
+ * A specialized version of `_.indexOf` which performs strict equality
+ * comparisons of values, i.e. `===`.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function strictIndexOf(array, value, fromIndex) {
+  var index = fromIndex - 1,
+      length = array.length;
+
+  while (++index < length) {
+    if (array[index] === value) {
+      return index;
+    }
+  }
+  return -1;
+}
+
+/* harmony default export */ var _strictIndexOf = (strictIndexOf);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseIndexOf.js
+
+
+
+
+/**
+ * The base implementation of `_.indexOf` without `fromIndex` bounds checks.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {*} value The value to search for.
+ * @param {number} fromIndex The index to search from.
+ * @returns {number} Returns the index of the matched value, else `-1`.
+ */
+function baseIndexOf(array, value, fromIndex) {
+  return value === value
+    ? _strictIndexOf(array, value, fromIndex)
+    : _baseFindIndex(array, _baseIsNaN, fromIndex);
+}
+
+/* harmony default export */ var _baseIndexOf = (baseIndexOf);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_arrayIncludes.js
+
+
+/**
+ * A specialized version of `_.includes` for arrays without support for
+ * specifying an index to search from.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludes(array, value) {
+  var length = array == null ? 0 : array.length;
+  return !!length && _baseIndexOf(array, value, 0) > -1;
+}
+
+/* harmony default export */ var _arrayIncludes = (arrayIncludes);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_arrayIncludesWith.js
+/**
+ * This function is like `arrayIncludes` except that it accepts a comparator.
+ *
+ * @private
+ * @param {Array} [array] The array to inspect.
+ * @param {*} target The value to search for.
+ * @param {Function} comparator The comparator invoked per element.
+ * @returns {boolean} Returns `true` if `target` is found, else `false`.
+ */
+function arrayIncludesWith(array, value, comparator) {
+  var index = -1,
+      length = array == null ? 0 : array.length;
+
+  while (++index < length) {
+    if (comparator(value, array[index])) {
+      return true;
+    }
+  }
+  return false;
+}
+
+/* harmony default export */ var _arrayIncludesWith = (arrayIncludesWith);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/noop.js
+/**
+ * This method returns `undefined`.
+ *
+ * @static
+ * @memberOf _
+ * @since 2.3.0
+ * @category Util
+ * @example
+ *
+ * _.times(2, _.noop);
+ * // => [undefined, undefined]
+ */
+function noop() {
+  // No operation performed.
+}
+
+/* harmony default export */ var lodash_es_noop = (noop);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_createSet.js
+
+
+
+
+/** Used as references for various `Number` constants. */
+var _createSet_INFINITY = 1 / 0;
+
+/**
+ * Creates a set object of `values`.
+ *
+ * @private
+ * @param {Array} values The values to add to the set.
+ * @returns {Object} Returns the new set.
+ */
+var createSet = !(_Set && (1 / _setToArray(new _Set([,-0]))[1]) == _createSet_INFINITY) ? lodash_es_noop : function(values) {
+  return new _Set(values);
+};
+
+/* harmony default export */ var _createSet = (createSet);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/_baseUniq.js
+
+
+
+
+
+
+
+/** Used as the size to enable large array optimizations. */
+var _baseUniq_LARGE_ARRAY_SIZE = 200;
+
+/**
+ * The base implementation of `_.uniqBy` without support for iteratee shorthands.
+ *
+ * @private
+ * @param {Array} array The array to inspect.
+ * @param {Function} [iteratee] The iteratee invoked per element.
+ * @param {Function} [comparator] The comparator invoked per element.
+ * @returns {Array} Returns the new duplicate free array.
+ */
+function baseUniq(array, iteratee, comparator) {
+  var index = -1,
+      includes = _arrayIncludes,
+      length = array.length,
+      isCommon = true,
+      result = [],
+      seen = result;
+
+  if (comparator) {
+    isCommon = false;
+    includes = _arrayIncludesWith;
+  }
+  else if (length >= _baseUniq_LARGE_ARRAY_SIZE) {
+    var set = iteratee ? null : _createSet(array);
+    if (set) {
+      return _setToArray(set);
+    }
+    isCommon = false;
+    includes = _cacheHas;
+    seen = new _SetCache;
+  }
+  else {
+    seen = iteratee ? [] : result;
+  }
+  outer:
+  while (++index < length) {
+    var value = array[index],
+        computed = iteratee ? iteratee(value) : value;
+
+    value = (comparator || value !== 0) ? value : 0;
+    if (isCommon && computed === computed) {
+      var seenIndex = seen.length;
+      while (seenIndex--) {
+        if (seen[seenIndex] === computed) {
+          continue outer;
+        }
+      }
+      if (iteratee) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+    else if (!includes(seen, computed, comparator)) {
+      if (seen !== result) {
+        seen.push(computed);
+      }
+      result.push(value);
+    }
+  }
+  return result;
+}
+
+/* harmony default export */ var _baseUniq = (baseUniq);
+
+// CONCATENATED MODULE: ./node_modules/lodash-es/uniqBy.js
+
+
+
+/**
+ * This method is like `_.uniq` except that it accepts `iteratee` which is
+ * invoked for each element in `array` to generate the criterion by which
+ * uniqueness is computed. The order of result values is determined by the
+ * order they occur in the array. The iteratee is invoked with one argument:
+ * (value).
+ *
+ * @static
+ * @memberOf _
+ * @since 4.0.0
+ * @category Array
+ * @param {Array} array The array to inspect.
+ * @param {Function} [iteratee=_.identity] The iteratee invoked per element.
+ * @returns {Array} Returns the new duplicate free array.
+ * @example
+ *
+ * _.uniqBy([2.1, 1.2, 2.3], Math.floor);
+ * // => [2.1, 1.2]
+ *
+ * // The `_.property` iteratee shorthand.
+ * _.uniqBy([{ 'x': 1 }, { 'x': 2 }, { 'x': 1 }], 'x');
+ * // => [{ 'x': 1 }, { 'x': 2 }]
+ */
+function uniqBy(array, iteratee) {
+  return (array && array.length) ? _baseUniq(array, _baseIteratee(iteratee, 2)) : [];
+}
+
+/* harmony default export */ var lodash_es_uniqBy = (uniqBy);
+
 // CONCATENATED MODULE: ./src/components/grid/uses.js
 
 
@@ -28575,6 +30174,9 @@ const grid_optionButton_exports_ = /*#__PURE__*/exportHelper_default()(grid_opti
 
 
 
+
+
+
 
 
 
@@ -28583,6 +30185,7 @@ var uses_this = undefined;
 
 
 
+
 var ROW_INDEX = 0;
 var uses_ROW_CHECK_INDEX = 1;
 var uses_ROW_DATA_INDEX = 2;
@@ -28921,6 +30524,7 @@ var uses_resizeEvent = function resizeEvent(params) {
 
 
   var onColumnResize = function onColumnResize(columnIndex, event) {
+    event.preventDefault();
     var headerEl = elementInfo.header;
     var bodyEl = elementInfo.body;
     var headerLeft = headerEl.getBoundingClientRect().left;
@@ -29375,6 +30979,9 @@ var uses_sortEvent = function sortEvent(params) {
   };
 };
 var uses_filterEvent = function filterEvent(params) {
+  var _getCurrentInstance5 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance5.props;
+
   var columnSettingInfo = params.columnSettingInfo,
       filterInfo = params.filterInfo,
       stores = params.stores,
@@ -29383,7 +30990,169 @@ var uses_filterEvent = function filterEvent(params) {
       getConvertValue = params.getConvertValue,
       updateVScroll = params.updateVScroll,
       getPagingData = params.getPagingData,
-      updatePagingInfo = params.updatePagingInfo;
+      updatePagingInfo = params.updatePagingInfo,
+      getColumnIndex = params.getColumnIndex;
+  /**
+   * 전달받은 문자열 내 해당 키워드가 존재하는지 확인한다.
+   *
+   * @param {string} search - 검색 키워드
+   * @param {string} origin - 기준 문자열
+   * @returns {boolean} 문자열 내 키워드 존재 유무
+   */
+
+  var findLike = function findLike(search, origin, pos) {
+    if (typeof search !== 'string' || origin === null) {
+      return false;
+    }
+
+    var regx = search.replace(new RegExp('([\\.\\\\\\+\\*\\?\\[\\^\\]\\$\\(\\)\\{\\}\\=\\!\\<\\>\\|\\:\\-])', 'g'), '\\$1');
+    regx = regx.replace(/%/g, '.*').replace(/_/g, '.');
+    var regValue = "^".concat(regx, "$");
+
+    if (pos) {
+      if (pos === 'start') {
+        regValue = "^".concat(regx);
+      } else if (pos === 'end') {
+        regValue = "".concat(regx, "$");
+      }
+    }
+
+    return RegExp(regValue, 'gi').test(origin);
+  };
+  /**
+   * 필터 조건에 따라 문자열을 확인한다.
+   *
+   * @param {array} item - row 데이터
+   * @param {object} condition - 필터 정보
+   * @returns {boolean} 확인 결과
+   */
+
+
+  var stringFilter = function stringFilter(item, condition) {
+    var comparison = condition.comparison;
+    var conditionValue = condition.value;
+    var value = "".concat(item[uses_ROW_DATA_INDEX][condition.index]);
+    var result;
+
+    if (comparison === '=') {
+      result = conditionValue.toLowerCase() === value.toLowerCase();
+    } else if (comparison === '!=') {
+      result = conditionValue.toLowerCase() !== value.toLowerCase();
+    } else if (comparison === '%s%') {
+      result = findLike("%".concat(conditionValue, "%"), value);
+    } else if (comparison === 'notLike') {
+      result = !findLike("%".concat(conditionValue, "%"), value);
+    } else if (comparison === 's%') {
+      result = findLike("".concat(conditionValue), value, 'start');
+    } else if (comparison === '%s') {
+      result = findLike("".concat(conditionValue), value, 'end');
+    } else if (comparison === 'isEmpty') {
+      result = value === undefined || value === null || value === '';
+    } else if (comparison === 'isNotEmpty') {
+      result = !!value;
+    }
+
+    return result;
+  };
+  /**
+   * 필터 조건에 따라 숫자를 확인한다.
+   *
+   * @param {array} item - row 데이터
+   * @param {object} condition - 필터 정보
+   * @param {string} columnType - 데이터 유형
+   * @returns {boolean} 확인 결과
+   */
+
+
+  var numberFilter = function numberFilter(item, condition, columnType) {
+    var comparison = condition.comparison;
+    var conditionValue = Number(condition.value);
+    var value = Number(item[uses_ROW_DATA_INDEX][condition.index]);
+    var result;
+
+    if (columnType === 'float') {
+      value = Number(value.toFixed(3));
+    }
+
+    if (comparison === '=') {
+      result = value === conditionValue;
+    } else if (comparison === '>') {
+      result = value > conditionValue;
+    } else if (comparison === '<') {
+      result = value < conditionValue;
+    } else if (comparison === '<=') {
+      result = value <= conditionValue;
+    } else if (comparison === '>=') {
+      result = value >= conditionValue;
+    } else if (comparison === '!=') {
+      result = value !== conditionValue;
+    } else if (comparison === 'isEmpty') {
+      result = value === undefined || value === null;
+    } else if (comparison === 'isNotEmpty') {
+      result = !!value;
+    }
+
+    return result;
+  };
+  /**
+   * 필터 조건이 적용된 데이터를 반환한다.
+   *
+   * @param {array} data - row 데이터
+   * @param {string} columnType - 데이터 유형
+   * @param {object} condition - 필터 정보
+   * @returns {boolean} 확인 결과
+   */
+
+
+  var getFilteringData = function getFilteringData(data, columnType, condition) {
+    var filterFn = columnType === 'string' || columnType === 'stringNumber' ? stringFilter : numberFilter;
+    return data.filter(function (row) {
+      return filterFn(row, condition, columnType);
+    }) || [];
+  };
+  /**
+   * 전체 데이터에서 설정된 필터 적용 후 결과를 filterStore 에 저장한다.
+   */
+
+
+  var setFilter = function setFilter() {
+    var filterStore = [];
+    var isApply = false;
+    var filteringItemsByColumn = filterInfo.filteringItemsByColumn;
+    var fields = Object.keys(filteringItemsByColumn);
+    var originStore = stores.originStore;
+    fields.forEach(function (field) {
+      var filters = filteringItemsByColumn[field];
+      var index = getColumnIndex(field);
+      var columnType = props.columns[index].type;
+      filters.forEach(function (filterItem) {
+        isApply = true;
+
+        if (!filterStore.length && Object.keys(filteringItemsByColumn).length < 2) {
+          filterStore = getFilteringData(originStore, columnType, _objectSpread2(_objectSpread2({}, filterItem), {}, {
+            index: index
+          }));
+        } else if (filterItem.operator === 'or' || filterInfo.columnOperator === 'or') {
+          var _filterStore;
+
+          (_filterStore = filterStore).push.apply(_filterStore, _toConsumableArray(getFilteringData(originStore, columnType, _objectSpread2(_objectSpread2({}, filterItem), {}, {
+            index: index
+          }))));
+        } else {
+          filterStore = getFilteringData(filterStore, columnType, _objectSpread2(_objectSpread2({}, filterItem), {}, {
+            index: index
+          }));
+        }
+      });
+    });
+
+    if (!isApply) {
+      stores.filterStore = originStore;
+    } else {
+      stores.filterStore = lodash_es_uniqBy(filterStore, JSON.stringify);
+    }
+  };
+
   var timer = null;
 
   var onSearch = function onSearch(searchWord) {
@@ -29459,7 +31228,8 @@ var uses_filterEvent = function filterEvent(params) {
   };
 
   return {
-    onSearch: onSearch
+    onSearch: onSearch,
+    setFilter: setFilter
   };
 };
 var uses_contextMenuEvent = function contextMenuEvent(params) {
@@ -29468,7 +31238,8 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
       selectInfo = params.selectInfo,
       onSort = params.onSort,
       setColumnHidden = params.setColumnHidden,
-      useColumnSetting = params.useColumnSetting;
+      useColumnSetting = params.useColumnSetting,
+      filterInfo = params.filterInfo;
   /**
    * 컨텍스트 메뉴를 설정한다.
    *
@@ -29501,6 +31272,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
   var onColumnContextMenu = function onColumnContextMenu(event, column) {
     if (event.target.className === 'column-name') {
       var sortable = column.sortable === undefined ? true : column.sortable;
+      var filterable = column.filterable === undefined ? true : column.filterable;
       contextInfo.columnMenuItems = [{
         text: 'Ascending',
         iconClass: 'ev-icon-allow2-up',
@@ -29515,6 +31287,28 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
         click: function click() {
           return onSort(column, 'desc');
         }
+      }, {
+        text: 'Filter',
+        iconClass: 'ev-icon-filter-list',
+        click: function click() {
+          var docWidth = document.documentElement.clientWidth;
+          var clientX = contextInfo.columnMenu.menuStyle.clientX;
+          var pageX = contextInfo.columnMenu.menuStyle.pageX;
+          var MODAL_WIDTH = 350;
+          var isOver = docWidth < clientX + MODAL_WIDTH;
+
+          if (isOver) {
+            contextInfo.columnMenu.menuStyle.left = "".concat(pageX - MODAL_WIDTH, "px");
+          }
+
+          filterInfo.filterSettingPosition = {
+            top: contextInfo.columnMenu.menuStyle.top,
+            left: contextInfo.columnMenu.menuStyle.left
+          };
+          filterInfo.isShowFilterSetting = true;
+          filterInfo.filteringColumn = column;
+        },
+        disabled: !filterable
       }, {
         text: 'Hide',
         iconClass: 'ev-icon-visibility-off',
@@ -29560,16 +31354,18 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
   };
 };
 var uses_storeEvent = function storeEvent(params) {
-  var _getCurrentInstance5 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      props = _getCurrentInstance5.props;
+  var _getCurrentInstance6 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance6.props;
 
   var selectInfo = params.selectInfo,
       checkInfo = params.checkInfo,
       stores = params.stores,
       sortInfo = params.sortInfo,
       elementInfo = params.elementInfo,
+      filterInfo = params.filterInfo,
       setSort = params.setSort,
-      updateVScroll = params.updateVScroll;
+      updateVScroll = params.updateVScroll,
+      setFilter = params.setFilter;
   /**
    * 전달된 데이터를 내부 store 및 속성에 저장한다.
    *
@@ -29603,6 +31399,10 @@ var uses_storeEvent = function storeEvent(params) {
       stores.originStore = store;
     }
 
+    if (filterInfo.isFiltering) {
+      setFilter();
+    }
+
     if (sortInfo.sortField) {
       setSort();
     }
@@ -29617,8 +31417,8 @@ var uses_storeEvent = function storeEvent(params) {
   };
 };
 var uses_pagingEvent = function pagingEvent(params) {
-  var _getCurrentInstance6 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      emit = _getCurrentInstance6.emit;
+  var _getCurrentInstance7 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      emit = _getCurrentInstance7.emit;
 
   var stores = params.stores,
       pageInfo = params.pageInfo,
@@ -29691,8 +31491,8 @@ var uses_pagingEvent = function pagingEvent(params) {
   };
 };
 var uses_columnSettingEvent = function columnSettingEvent(params) {
-  var _getCurrentInstance7 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
-      props = _getCurrentInstance7.props;
+  var _getCurrentInstance8 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
+      props = _getCurrentInstance8.props;
 
   var stores = params.stores,
       columnSettingInfo = params.columnSettingInfo,
@@ -29757,6 +31557,39 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     setColumnHidden: setColumnHidden
   };
 };
+var dragEvent = function dragEvent(_ref) {
+  var stores = _ref.stores;
+
+  var setColumnMoving = function setColumnMoving(currentIndex, droppedIndex) {
+    var oldIndex = parseInt(currentIndex, 10);
+    var newPositionIndex = parseInt(droppedIndex, 10);
+    var columns = stores.filteredColumns.length ? stores.filteredColumns : stores.orderedColumns;
+    var movedColumn = columns[oldIndex];
+    columns.splice(oldIndex, 1);
+    stores.movedColumns = columns.splice(newPositionIndex, 0, movedColumn);
+  };
+
+  var onDragStart = function onDragStart(e) {
+    e.dataTransfer.setData('text/plain', e.currentTarget.dataset.index);
+  };
+
+  var onDragOver = function onDragOver(e) {
+    e.preventDefault();
+  };
+
+  var onDrop = function onDrop(e) {
+    e.preventDefault();
+    var currentIndex = e.dataTransfer.getData('text/plain');
+    var droppedIndex = e.target.parentNode.dataset.index;
+    setColumnMoving(currentIndex, droppedIndex);
+  };
+
+  return {
+    onDragStart: onDragStart,
+    onDragOver: onDragOver,
+    onDrop: onDrop
+  };
+};
 // 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.vue?vue&type=script&lang=js
 
 
@@ -29775,13 +31608,20 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
 
 
 
+
+
+
 /* harmony default export */ var Gridvue_type_script_lang_js = ({
   name: 'EvGrid',
+  directives: {
+    clickoutside: clickoutside
+  },
   components: {
     Toolbar: grid_toolbar,
     GridPagination: grid_pagination,
     GridSummary: grid_summary,
     ColumnSetting: grid_columnSetting,
+    filterSetting: grid_filterSetting,
     GridSortButton: grid_sortButton,
     GridOptionButton: grid_optionButton
   },
@@ -29890,7 +31730,20 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     });
     var filterInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       isSearch: false,
-      searchWord: ''
+      searchWord: '',
+      isFiltering: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        var _props$option$useFilt;
+
+        return (_props$option$useFilt = props.option.useFilter) !== null && _props$option$useFilt !== void 0 ? _props$option$useFilt : false;
+      }),
+      isShowFilterSetting: false,
+      filterSettingPosition: {
+        left: 0,
+        top: 0
+      },
+      filteringColumn: null,
+      filteringItemsByColumn: {},
+      columnOperator: 'and'
     });
     var columnSettingInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       isShowColumnSetting: false,
@@ -29904,10 +31757,14 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       viewStore: [],
       originStore: [],
       pagingStore: [],
+      searchStore: [],
+      filterStore: [],
       store: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        return filterInfo.isSearch ? stores.searchStore : stores.originStore;
+        var store = filterInfo.isFiltering ? stores.filterStore : stores.originStore;
+        return filterInfo.isSearch ? stores.searchStore : store;
       }),
       filteredColumns: [],
+      movedColumns: [],
       originColumns: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return props.columns.map(function (column, index) {
           return _objectSpread2({
@@ -29916,7 +31773,8 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
         });
       }),
       orderedColumns: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        return stores.filteredColumns.length ? stores.filteredColumns : stores.originColumns;
+        var columns = stores.filteredColumns.length ? stores.filteredColumns : stores.originColumns;
+        return stores.movedColumns.length ? stores.movedColumns : columns;
       })
     });
     var pageInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -30106,9 +31964,11 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       getConvertValue: getConvertValue,
       updateVScroll: updateVScroll,
       getPagingData: getPagingData,
-      updatePagingInfo: updatePagingInfo
+      updatePagingInfo: updatePagingInfo,
+      getColumnIndex: getColumnIndex
     }),
-        onSearch = _filterEvent.onSearch;
+        onSearch = _filterEvent.onSearch,
+        setFilter = _filterEvent.setFilter;
 
     var _storeEvent = uses_storeEvent({
       selectInfo: selectInfo,
@@ -30116,8 +31976,10 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       stores: stores,
       sortInfo: sortInfo,
       elementInfo: elementInfo,
+      filterInfo: filterInfo,
       setSort: setSort,
-      updateVScroll: updateVScroll
+      updateVScroll: updateVScroll,
+      setFilter: setFilter
     }),
         setStore = _storeEvent.setStore;
 
@@ -30154,16 +32016,28 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       selectInfo: selectInfo,
       onSort: onSort,
       setColumnHidden: setColumnHidden,
-      useColumnSetting: useColumnSetting
+      useColumnSetting: useColumnSetting,
+      filterInfo: filterInfo
     }),
         setContextMenu = _contextMenuEvent.setContextMenu,
         onContextMenu = _contextMenuEvent.onContextMenu,
         onColumnContextMenu = _contextMenuEvent.onColumnContextMenu;
 
+    var _dragEvent = dragEvent({
+      stores: stores
+    }),
+        onDragStart = _dragEvent.onDragStart,
+        onDragOver = _dragEvent.onDragOver,
+        onDrop = _dragEvent.onDrop;
+
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["provide"])('toolbarWrapper', toolbarWrapper);
+    var filteringItemsWidth = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(0);
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      var _elementInfo$gridWra;
+
       calculatedColumn();
       setStore(props.rows);
+      filteringItemsWidth.value = ((_elementInfo$gridWra = elementInfo['grid-wrapper']) === null || _elementInfo$gridWra === void 0 ? void 0 : _elementInfo$gridWra.offsetWidth) / 1.5 || 0;
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onActivated"])(function () {
       onResize();
@@ -30173,7 +32047,10 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
     }, function () {
       sortInfo.isSorting = false;
       sortInfo.sortField = '';
-      setSort();
+      filterInfo.filteringColumn = null;
+      filterInfo.filteringItemsByColumn = {};
+      stores.filterStore = [];
+      setStore([], false);
       initColumnSettingInfo();
     }, {
       deep: true
@@ -30381,7 +32258,157 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
         }
       });
     });
-    return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
+    var filteringItemsBoxPosition = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
+      boxTop: 0,
+      boxLeft: 0
+    });
+    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 selectedFilteringFiled = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])('');
+    var selectedFilteringItems = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
+    var operatorItems = [{
+      name: 'AND',
+      value: 'and'
+    }, {
+      name: 'OR',
+      value: 'or'
+    }];
+    var isExpandColumnFilteringItems = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(false);
+
+    var onClickFilteringItem = function onClickFilteringItem(field, filters) {
+      selectedFilteringFiled.value = field;
+      selectedFilteringItems.value = filters;
+
+      if ((filters === null || filters === void 0 ? void 0 : filters.length) > 1) {
+        // open filtering items box
+        isShowFilteringItemsBox.value = true;
+        var x = filteringItemsRef.value.getBoundingClientRect().left;
+        var y = filteringItemsRef.value.getBoundingClientRect().top + filteringItemsRef.value.getBoundingClientRect().height;
+        filteringItemsBoxPosition.boxTop = "".concat(y, "px");
+        filteringItemsBoxPosition.boxLeft = "".concat(x, "px");
+      }
+    };
+
+    var onChangeOperator = function onChangeOperator() {
+      stores.filterStore = [];
+      setStore([], false);
+    };
+
+    var setColumnFilteringItems = function setColumnFilteringItems() {
+      isExpandColumnFilteringItems.value = true;
+      var conditionItems = filteringItemsRef.value.getElementsByClassName('filtering-items__item');
+      var hasHiddenElement = false;
+
+      for (var i = 0; i < conditionItems.length; i++) {
+        var _filteringItemsRef$va;
+
+        var itemEl = conditionItems[i];
+        itemEl.classList.remove('non-display');
+        var filteringBoxTop = (_filteringItemsRef$va = filteringItemsRef.value.getBoundingClientRect()) === null || _filteringItemsRef$va === void 0 ? void 0 : _filteringItemsRef$va.top;
+
+        var _itemEl$getBoundingCl = itemEl.getBoundingClientRect(),
+            top = _itemEl$getBoundingCl.top; // rect height: 27
+
+
+        if (isShowColumnFilteringItems.value && top - filteringBoxTop > 27) {
+          isExpandColumnFilteringItems.value = false;
+          hasHiddenElement = true;
+        }
+
+        itemEl.classList.toggle('non-display', hasHiddenElement);
+      }
+    };
+
+    var onApplyFilter = /*#__PURE__*/function () {
+      var _ref2 = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2(field, list) {
+        return regeneratorRuntime.wrap(function _callee2$(_context2) {
+          while (1) {
+            switch (_context2.prev = _context2.next) {
+              case 0:
+                if (list !== null && list !== void 0 && list.length) {
+                  _context2.next = 4;
+                  break;
+                }
+
+                delete filterInfo.filteringItemsByColumn[field];
+                _context2.next = 9;
+                break;
+
+              case 4:
+                filterInfo.filteringItemsByColumn[field] = list;
+                isShowColumnFilteringItems.value = true;
+                _context2.next = 8;
+                return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+
+              case 8:
+                setColumnFilteringItems();
+
+              case 9:
+                filterInfo.isShowFilterSetting = false; // filter setting close
+
+                stores.filterStore = [];
+                setStore([], false);
+
+              case 12:
+              case "end":
+                return _context2.stop();
+            }
+          }
+        }, _callee2);
+      }));
+
+      return function onApplyFilter(_x2, _x3) {
+        return _ref2.apply(this, arguments);
+      };
+    }();
+
+    var onExpandFilteringItems = function onExpandFilteringItems() {
+      isShowColumnFilteringItems.value = !isShowColumnFilteringItems.value;
+      setColumnFilteringItems();
+    };
+
+    var removeColumnFiltering = function removeColumnFiltering(field) {
+      delete filterInfo.filteringItemsByColumn[field];
+      stores.filterStore = [];
+      setStore([], false);
+    };
+
+    var removeFiltering = function removeFiltering(_ref3) {
+      var field = _ref3.field,
+          idx = _ref3.idx;
+      filterInfo.filteringItemsByColumn[field].splice(idx, 1);
+
+      if (!filterInfo.filteringItemsByColumn[field].length) {
+        delete filterInfo.filteringItemsByColumn[field];
+      }
+
+      stores.filterStore = [];
+      setStore([], false);
+    };
+
+    var removeAllFiltering = function removeAllFiltering() {
+      filterInfo.filteringColumn = null;
+      filterInfo.filteringItemsByColumn = {};
+      stores.filterStore = [];
+      setStore([], false);
+    };
+
+    var initWrapperDiv = function initWrapperDiv() {
+      var root = document.createElement('div');
+      root.id = 'ev-grid-filtering-items-modal';
+      root.setAttribute('style', 'position: absolute; top: 0; left: 0;');
+      var hasRoot = document.getElementById('ev-grid-filtering-items-modal');
+
+      if (!hasRoot) {
+        document.body.appendChild(root);
+      }
+    };
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeMount"])(function () {
+      return initWrapperDiv();
+    });
+    return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
       summaryScroll: summaryScroll,
       showHeader: showHeader,
       stripeStyle: stripeStyle,
@@ -30416,14 +32443,36 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       onSearch: onSearch,
       setColumnSetting: setColumnSetting,
       onApplyColumn: onApplyColumn,
-      onColumnContextMenu: onColumnContextMenu
+      onColumnContextMenu: onColumnContextMenu,
+      // filtering
+      filteringItemsWidth: filteringItemsWidth,
+      isExpandColumnFilteringItems: isExpandColumnFilteringItems,
+      isShowColumnFilteringItems: isShowColumnFilteringItems,
+      operatorItems: operatorItems,
+      selectedFilteringItems: selectedFilteringItems,
+      selectedFilteringFiled: selectedFilteringFiled,
+      filteringItemsRef: filteringItemsRef,
+      isShowFilteringItemsBox: isShowFilteringItemsBox
+    }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(filteringItemsBoxPosition)), {}, {
+      removeFiltering: removeFiltering,
+      removeColumnFiltering: removeColumnFiltering,
+      removeAllFiltering: removeAllFiltering,
+      onExpandFilteringItems: onExpandFilteringItems,
+      setColumnFilteringItems: setColumnFilteringItems,
+      onChangeOperator: onChangeOperator,
+      onApplyFilter: onApplyFilter,
+      onClickFilteringItem: onClickFilteringItem,
+      // drag
+      onDragStart: onDragStart,
+      onDragOver: onDragOver,
+      onDrop: onDrop
     });
   }
 });
 // 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=5884b7ad&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true = __webpack_require__("3b5d");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=2160127b&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_2160127b_lang_scss_scoped_true = __webpack_require__("6d55");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30433,7 +32482,7 @@ var Gridvue_type_style_index_0_id_5884b7ad_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_5884b7ad_scoped_true_render],['__scopeId',"data-v-5884b7ad"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_2160127b_scoped_true_render],['__scopeId',"data-v-2160127b"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -33777,29 +35826,6 @@ function apply(func, thisArg, args) {
 
 /* harmony default export */ var _apply = (apply);
 
-// CONCATENATED MODULE: ./node_modules/lodash-es/identity.js
-/**
- * This method returns the first argument it receives.
- *
- * @static
- * @since 0.1.0
- * @memberOf _
- * @category Util
- * @param {*} value Any value.
- * @returns {*} Returns `value`.
- * @example
- *
- * var object = { 'a': 1 };
- *
- * console.log(_.identity(object) === object);
- * // => true
- */
-function identity(value) {
-  return value;
-}
-
-/* harmony default export */ var lodash_es_identity = (identity);
-
 // CONCATENATED MODULE: ./node_modules/lodash-es/_overRest.js
 
 
@@ -37928,7 +39954,7 @@ var model_series_modules = {
 
 
 var scale_Scale = /*#__PURE__*/function () {
-  function Scale(type, axisOpt, ctx, options) {
+  function Scale(type, axisOpt, ctx, labels, options) {
     var _this = this;
 
     _classCallCheck(this, Scale);
@@ -37940,6 +39966,7 @@ var scale_Scale = /*#__PURE__*/function () {
     this.type = type;
     this.ctx = ctx;
     this.units = AXIS_UNITS[this.type];
+    this.labels = labels;
     this.options = options;
 
     if (!this.position) {
@@ -38202,92 +40229,109 @@ var scale_Scale = /*#__PURE__*/function () {
       }
 
       if ((_this$labelStyle = this.labelStyle) !== null && _this$labelStyle !== void 0 && _this$labelStyle.show) {
-        var labelGap = (endPoint - startPoint) / steps;
+        var distance = endPoint - startPoint;
+        var labelGap = distance / steps;
         var ticks = [];
+        var size = stepInfo.interval;
         var labelCenter = null;
         var linePosition = null;
+        var offsetStartPoint = startPoint;
+        var axisMinForLabel = axisMin;
+
+        if (this.type === 'x' && options !== null && options !== void 0 && options.axesX[0].flow && this.labels.length !== steps + 1) {
+          var axisMinByMinutes = Math.floor(axisMin / size) * size;
+
+          if (axisMinByMinutes !== +axisMin) {
+            axisMinForLabel = axisMinByMinutes + size;
+            offsetStartPoint += distance / (axisMax - axisMin) * (axisMinForLabel - axisMin);
+          }
+        }
+
         ctx.strokeStyle = this.gridLineColor;
         ctx.lineWidth = 1;
         aliasPixel = helpers_util.aliasPixel(ctx.lineWidth);
         var labelText;
 
         for (var ix = 0; ix <= steps; ix++) {
-          var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
-
-          ctx.beginPath();
-          ticks[ix] = axisMin + ix * stepValue;
-          labelCenter = Math.round(startPoint + labelGap * ix);
-          linePosition = labelCenter + aliasPixel;
-          labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
-          var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
-            return _this2.getLabelFormat(Math.min(axisMax, t));
-          }).includes(labelText));
-          var labelColor = this.labelStyle.color;
-          var defaultOpacity = 1;
-
-          if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
-            defaultOpacity = helpers_util.getOpacity(labelColor);
-          }
-
-          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
-          var labelPoint = void 0;
+          labelCenter = Math.round(offsetStartPoint + labelGap * ix);
+
+          if (labelCenter <= endPoint || this.type !== 'x' || !(options !== null && options !== void 0 && options.axesX[0].flow) || this.labels.length === steps + 1) {
+            var _this$options, _this$options$selectL, _this$options2, _this$options2$select, _selectLabelInfo$data;
+
+            ctx.beginPath();
+            ticks[ix] = axisMinForLabel + ix * stepValue;
+            linePosition = labelCenter + aliasPixel;
+            labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
+            var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
+              return _this2.getLabelFormat(Math.min(axisMax, t));
+            }).includes(labelText));
+            var labelColor = this.labelStyle.color;
+            var defaultOpacity = 1;
+
+            if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
+              defaultOpacity = helpers_util.getOpacity(labelColor);
+            }
 
-          if (this.type === 'x') {
-            var _options$brush, _options$selectItem, _this$options3;
+            ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
+            var labelPoint = void 0;
 
-            labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
+            if (this.type === 'x') {
+              var _options$brush, _options$selectItem, _this$options3;
 
-            if (options !== null && options !== void 0 && (_options$brush = options.brush) !== null && _options$brush !== void 0 && _options$brush.showLabel || !(options !== null && options !== void 0 && options.brush)) {
-              ctx.fillText(labelText, labelCenter, labelPoint);
-            }
+              labelPoint = this.position === 'top' ? offsetPoint - 10 : offsetPoint + 10;
 
-            if (!isBlurredLabel && options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.horizontal)) {
-              var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+              if (options !== null && options !== void 0 && (_options$brush = options.brush) !== null && _options$brush !== void 0 && _options$brush.showLabel || !(options !== null && options !== void 0 && options.brush)) {
+                ctx.fillText(labelText, labelCenter, labelPoint);
+              }
 
-              if (selectedLabel === labelText) {
-                var _this$labelStyle2, _options$selectItem2, _options$selectItem2$, _options$selectItem3, _options$selectItem3$;
+              if (!isBlurredLabel && options !== null && options !== void 0 && (_options$selectItem = options.selectItem) !== null && _options$selectItem !== void 0 && _options$selectItem.showLabelTip && hitInfo !== null && hitInfo !== void 0 && hitInfo.label && !((_this$options3 = this.options) !== null && _this$options3 !== void 0 && _this$options3.horizontal)) {
+                var selectedLabel = this.getLabelFormat(Math.min(axisMax, hitInfo.label + 0 * stepValue));
+
+                if (selectedLabel === labelText) {
+                  var _this$labelStyle2, _options$selectItem2, _options$selectItem2$, _options$selectItem3, _options$selectItem3$;
+
+                  var height = Math.round(ctx.measureText((_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.fontSize).width);
+                  helpers_util.showLabelTip({
+                    ctx: this.ctx,
+                    width: Math.round(ctx.measureText(selectedLabel).width) + 10,
+                    height: height,
+                    x: labelCenter,
+                    y: labelPoint + (height - 2),
+                    borderRadius: 2,
+                    arrowSize: 3,
+                    text: labelText,
+                    backgroundColor: options === null || options === void 0 ? void 0 : (_options$selectItem2 = options.selectItem) === null || _options$selectItem2 === void 0 ? void 0 : (_options$selectItem2$ = _options$selectItem2.labelTipStyle) === null || _options$selectItem2$ === void 0 ? void 0 : _options$selectItem2$.backgroundColor,
+                    textColor: options === null || options === void 0 ? void 0 : (_options$selectItem3 = options.selectItem) === null || _options$selectItem3 === void 0 ? void 0 : (_options$selectItem3$ = _options$selectItem3.labelTipStyle) === null || _options$selectItem3$ === void 0 ? void 0 : _options$selectItem3$.textColor
+                  });
+                }
+              }
 
-                var height = Math.round(ctx.measureText((_this$labelStyle2 = this.labelStyle) === null || _this$labelStyle2 === void 0 ? void 0 : _this$labelStyle2.fontSize).width);
-                helpers_util.showLabelTip({
-                  ctx: this.ctx,
-                  width: Math.round(ctx.measureText(selectedLabel).width) + 10,
-                  height: height,
-                  x: labelCenter,
-                  y: labelPoint + (height - 2),
-                  borderRadius: 2,
-                  arrowSize: 3,
-                  text: labelText,
-                  backgroundColor: options === null || options === void 0 ? void 0 : (_options$selectItem2 = options.selectItem) === null || _options$selectItem2 === void 0 ? void 0 : (_options$selectItem2$ = _options$selectItem2.labelTipStyle) === null || _options$selectItem2$ === void 0 ? void 0 : _options$selectItem2$.backgroundColor,
-                  textColor: options === null || options === void 0 ? void 0 : (_options$selectItem3 = options.selectItem) === null || _options$selectItem3 === void 0 ? void 0 : (_options$selectItem3$ = _options$selectItem3.labelTipStyle) === null || _options$selectItem3$ === void 0 ? void 0 : _options$selectItem3$.textColor
-                });
+              if ((ix !== 0 || options !== null && options !== void 0 && options.axesX[0].flow) && this.showGrid) {
+                ctx.moveTo(linePosition, offsetPoint);
+                ctx.lineTo(linePosition, offsetCounterPoint);
               }
-            }
+            } else {
+              var _options$brush2;
 
-            if (ix !== 0 && this.showGrid) {
-              ctx.moveTo(linePosition, offsetPoint);
-              ctx.lineTo(linePosition, offsetCounterPoint);
-            }
-          } else {
-            var _options$brush2;
+              labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
 
-            labelPoint = this.position === 'left' ? offsetPoint - 10 : offsetPoint + 10;
+              if (options !== null && options !== void 0 && (_options$brush2 = options.brush) !== null && _options$brush2 !== void 0 && _options$brush2.showLabel || !(options !== null && options !== void 0 && options.brush)) {
+                ctx.fillText(labelText, labelPoint, labelCenter);
+              }
 
-            if (options !== null && options !== void 0 && (_options$brush2 = options.brush) !== null && _options$brush2 !== void 0 && _options$brush2.showLabel || !(options !== null && options !== void 0 && options.brush)) {
-              ctx.fillText(labelText, labelPoint, labelCenter);
-            }
+              if (ix === steps) {
+                linePosition -= 1;
+              }
 
-            if (ix === steps) {
-              linePosition -= 1;
+              if (ix !== 0 && this.showGrid) {
+                ctx.moveTo(offsetPoint, linePosition);
+                ctx.lineTo(offsetCounterPoint, linePosition);
+              }
             }
 
-            if (ix !== 0 && this.showGrid) {
-              ctx.moveTo(offsetPoint, linePosition);
-              ctx.lineTo(offsetCounterPoint, linePosition);
-            }
+            ctx.stroke();
+            ctx.closePath();
           }
-
-          ctx.stroke();
-          ctx.closePath();
         }
       } // Draw plot lines and plot bands
 
@@ -39123,27 +41167,23 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
   var _super = _createSuper(StepScale);
 
-  function StepScale(type, axisOpt, ctx, labels, options) {
-    var _this;
-
+  function StepScale() {
     _classCallCheck(this, StepScale);
 
-    _this = _super.call(this, type, axisOpt, ctx, options);
-    _this.labels = labels;
-    return _this;
+    return _super.apply(this, arguments);
   }
-  /**
-   * Calculate min/max value, label and size information for step scale
-   * @param {object} minMax       min/max information (unused on step scale)
-   * @param {object} scrollbarOpt    scroll bar option
-   * @param {object} chartRect    chart size information
-   *
-   * @returns {object} min/max value and label
-   */
-
 
   _createClass(StepScale, [{
     key: "calculateScaleRange",
+
+    /**
+     * Calculate min/max value, label and size information for step scale
+     * @param {object} minMax       min/max information (unused on step scale)
+     * @param {object} scrollbarOpt    scroll bar option
+     * @param {object} chartRect    chart size information
+     *
+     * @returns {object} min/max value and label
+     */
     value: function calculateScaleRange(minMax, scrollbarOpt, chartRect) {
       var stepMinMax = this.labelStyle.alignToGridLine ? minMax : helpers_util.getStringMinMax(this.labels);
       var maxValue = stepMinMax.max;
@@ -39240,7 +41280,7 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
       var _this$labelStyle,
           _this$plotBands,
           _this$plotLines,
-          _this2 = this;
+          _this = this;
 
       var ctx = this.ctx;
       var labels = this.labels;
@@ -39435,20 +41475,20 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
           var fromPos = Math.round(startPoint + _labelGap * from);
           var toPos = Math.round(startPoint + _labelGap * to);
 
-          _this2.setPlotBandStyle(mergedPlotBandOpt);
+          _this.setPlotBandStyle(mergedPlotBandOpt);
 
-          if (_this2.type === 'x') {
-            _this2.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
+          if (_this.type === 'x') {
+            _this.drawXPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
           } else {
-            _this2.drawYPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
+            _this.drawYPlotBand(fromPos, toPos, minX, maxX, minY, maxY);
           }
 
           if (labelOpt.show) {
-            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+            var labelOptions = _this.getNormalizedLabelOptions(chartRect, labelOpt);
 
-            var textXY = _this2.getPlotBandLabelPosition(fromPos, toPos, labelOptions, maxX, minY);
+            var textXY = _this.getPlotBandLabelPosition(fromPos, toPos, labelOptions, maxX, minY);
 
-            _this2.drawPlotLabel(labelOptions, textXY);
+            _this.drawPlotLabel(labelOptions, textXY);
           }
 
           ctx.restore();
@@ -39464,20 +41504,20 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
 
           var dataPos = Math.round(startPoint + _labelGap * value) + _labelGap / 2;
 
-          _this2.setPlotLineStyle(mergedPlotLineOpt);
+          _this.setPlotLineStyle(mergedPlotLineOpt);
 
-          if (_this2.type === 'x') {
-            _this2.drawXPlotLine(dataPos, minX, maxX, minY, maxY);
+          if (_this.type === 'x') {
+            _this.drawXPlotLine(dataPos, minX, maxX, minY, maxY);
           } else {
-            _this2.drawYPlotLine(dataPos, minX, maxX, minY, maxY);
+            _this.drawYPlotLine(dataPos, minX, maxX, minY, maxY);
           }
 
           if (labelOpt.show) {
-            var labelOptions = _this2.getNormalizedLabelOptions(chartRect, labelOpt);
+            var labelOptions = _this.getNormalizedLabelOptions(chartRect, labelOpt);
 
-            var textXY = _this2.getPlotLineLabelPosition(dataPos, labelOptions, maxX, minY);
+            var textXY = _this.getPlotLineLabelPosition(dataPos, labelOptions, maxX, minY);
 
-            _this2.drawPlotLabel(labelOptions, textXY);
+            _this.drawPlotLabel(labelOptions, textXY);
           }
 
           ctx.restore();
@@ -39547,26 +41587,21 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
 
   var _super = _createSuper(TimeCategoryScale);
 
-  function TimeCategoryScale(type, axisOpt, ctx, labels, options) {
-    var _this;
-
+  function TimeCategoryScale() {
     _classCallCheck(this, TimeCategoryScale);
 
-    _this = _super.call(this, type, axisOpt, ctx);
-    _this.labels = labels;
-    _this.options = options;
-    return _this;
+    return _super.apply(this, arguments);
   }
-  /**
-   * Transforming label by designated format
-   * @param {number} value       label value
-   *
-   * @returns {string} formatted label
-   */
-
 
   _createClass(TimeCategoryScale, [{
     key: "getLabelFormat",
+
+    /**
+     * Transforming label by designated format
+     * @param {number} value       label value
+     *
+     * @returns {string} formatted label
+     */
     value: function getLabelFormat(value) {
       if (this.formatter) {
         var formattedLabel = this.formatter(value);
@@ -39668,7 +41703,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
   }, {
     key: "draw",
     value: function draw(chartRect, labelOffset, stepInfo, hitInfo, selectLabelInfo) {
-      var _this2 = this;
+      var _this = this;
 
       var ctx = this.ctx;
       var labels = this.labels;
@@ -39745,7 +41780,7 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         linePosition = labelCenter + aliasPixel;
         labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
         var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && selectLabelInfo.label.map(function (t) {
-          return _this2.getLabelFormat(Math.min(axisMax, t));
+          return _this.getLabelFormat(Math.min(axisMax, t));
         }).includes(labelText));
         var labelColor = this.labelStyle.color;
         var defaultOpacity = 1;
@@ -42554,7 +44589,7 @@ function baseInRange(number, start, end) {
 
 
 /** Used as references for various `Number` constants. */
-var INFINITY = 1 / 0,
+var toFinite_INFINITY = 1 / 0,
     MAX_INTEGER = 1.7976931348623157e+308;
 
 /**
@@ -42585,7 +44620,7 @@ function toFinite(value) {
     return value === 0 ? value : 0;
   }
   value = lodash_es_toNumber(value);
-  if (value === INFINITY || value === -INFINITY) {
+  if (value === toFinite_INFINITY || value === -toFinite_INFINITY) {
     var sign = (value < 0 ? -1 : 1);
     return sign * MAX_INTEGER;
   }
@@ -46243,14 +48278,14 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       return axes.map(function (axis) {
         switch (axis.type) {
           case 'linear':
-            return new scale_linear(dir, axis, ctx, options);
+            return new scale_linear(dir, axis, ctx, labels, options);
 
           case 'time':
             if (axis.categoryMode) {
               return new scale_time_category(dir, axis, ctx, labels, options);
             }
 
-            return new scale_time(dir, axis, ctx, options);
+            return new scale_time(dir, axis, ctx, labels, options);
 
           case 'log':
             return new scale_logarithmic(dir, axis, ctx);
@@ -52859,6 +54894,21 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "fd48":
+/***/ (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__("a20c");
+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("78b74353", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "fdbc":
@@ -52932,21 +54982,6 @@ var global = __webpack_require__("da84");
 module.exports = global.Promise;
 
 
-/***/ }),
-
-/***/ "fef7":
-/***/ (function(module, exports, __webpack_require__) {
-
-// style-loader: Adds some css to the DOM by adding a <style> tag
-
-// load the styles
-var content = __webpack_require__("e165");
-if(typeof content === 'string') content = [[module.i, content, '']];
-if(content.locals) module.exports = content.locals;
-// add the styles to the DOM
-var add = __webpack_require__("499e").default
-var update = add("960bf63e", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ })
 
 /******/ });