evui 3.4.6 → 3.4.7

package/dist/evui.common.js

@@ -4960,21 +4960,6 @@ 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":
@@ -5023,6 +5008,20 @@ exports.push([module.i, ".ev-menu-item{line-height:1.3em}.ev-menu-item:not(.dept
 module.exports = exports;
 
 
+/***/ }),
+
+/***/ "3aa3":
+/***/ (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-315c36c5]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-315c36c5]{overflow:auto}.ev-grid--empty .table-header[data-v-315c36c5]{display:table}.ev-grid.non-header[data-v-315c36c5]{padding-top:0}.ev-grid .table-header[data-v-315c36c5]{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-315c36c5]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-315c36c5]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-315c36c5]{display:none;vertical-align:middle}.column-list[data-v-315c36c5]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-315c36c5],.column-list[data-v-315c36c5]{position:relative;height:100%}.column[data-v-315c36c5]{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-315c36c5]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-315c36c5]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-315c36c5]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-315c36c5]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-315c36c5],.column :hover .column-sort__icon--desc[data-v-315c36c5]{visibility:hidden}.column-name[data-v-315c36c5]{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-315c36c5]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-315c36c5]:hover{cursor:col-resize}.table-body[data-v-315c36c5]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-315c36c5]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-315c36c5]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-315c36c5]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-315c36c5]{border-bottom:1px solid}.table-body .row[data-v-315c36c5]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-315c36c5]{border-bottom:1px solid}.table-body .row.selected[data-v-315c36c5]{background:#dbf0f9}.dark .table-body .row.selected[data-v-315c36c5],.table-body .row.selected[data-v-315c36c5]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-315c36c5]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-315c36c5]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-315c36c5]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-315c36c5]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-315c36c5],.table-body .cell div[data-v-315c36c5]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-315c36c5]{overflow:hidden}.table-body .cell.row-checkbox[data-v-315c36c5]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-315c36c5]{overflow:initial}.table-body .cell.float[data-v-315c36c5],.table-body .cell.number[data-v-315c36c5]{text-align:right}.table-body .cell.string[data-v-315c36c5],.table-body .cell.stringNumber[data-v-315c36c5]{text-align:left}.table-body .cell.center[data-v-315c36c5]{text-align:center}.table-body .cell.left[data-v-315c36c5]{text-align:left}.table-body .cell.left .wrap[data-v-315c36c5]{justify-content:flex-start}.table-body .cell.right[data-v-315c36c5]{text-align:right}.table-body .cell.right .wrap[data-v-315c36c5]{justify-content:flex-end}.table-resize-line[data-v-315c36c5]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-315c36c5]{border-right:1px solid}.vscroll-spacer[data-v-315c36c5]{opacity:0;clear:both}[v-cloak][data-v-315c36c5]{display:none}.ev-checkbox[data-v-315c36c5]{margin:0}.non-border[data-v-315c36c5]{border:none!important}.is-empty[data-v-315c36c5]{height:30px;text-align:center}.filtering-items[data-v-315c36c5]{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-315c36c5]:hover{cursor:pointer;color:#07f}.filtering-items__item[data-v-315c36c5]{padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items__item[data-v-315c36c5]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--filter[data-v-315c36c5]{font-weight:700;border:1px solid #198fff}.filtering-items__item--filter i[data-v-315c36c5],.filtering-items__item--title[data-v-315c36c5]{color:#07f;vertical-align:middle}.filtering-items__item--title[data-v-315c36c5]{margin-right:6px}.filtering-items__item--value[data-v-315c36c5]{display:inline-block;max-width:80px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-315c36c5]{vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-315c36c5]:hover{opacity:.6}.filtering-items__item.non-display[data-v-315c36c5]{display:none}.ev-grid-filtering-items[data-v-315c36c5]{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;
+
+
 /***/ }),
 
 /***/ "3bbe":
@@ -6307,6 +6306,21 @@ var isBuffer = nativeIsBuffer || _stubFalse_js__WEBPACK_IMPORTED_MODULE_1__[/* d
 
 /***/ }),
 
+/***/ "5910":
+/***/ (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__("87bd");
+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("b43b2104", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "5a0c":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6915,17 +6929,6 @@ 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":
@@ -7640,6 +7643,17 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "828c":
+/***/ (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_315c36c5_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("bc4a");
+/* 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_315c36c5_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_315c36c5_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "831c":
@@ -7738,6 +7752,20 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "87bd":
+/***/ (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-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;
+
+
 /***/ }),
 
 /***/ "8875":
@@ -7990,7 +8018,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.6\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.7\"}");
 
 /***/ }),
 
@@ -8087,6 +8115,17 @@ if (PATCH) {
 module.exports = patchedExec;
 
 
+/***/ }),
+
+/***/ "9422":
+/***/ (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_filterSetting_vue_vue_type_style_index_0_id_31054c2c_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("5910");
+/* 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_31054c2c_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_31054c2c_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "94ca":
@@ -9134,20 +9173,6 @@ 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":
@@ -10446,14 +10471,18 @@ module.exports = exports;
 
 /***/ }),
 
-/***/ "bcf5":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "bc4a":
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_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 * */
+// style-loader: Adds some css to the DOM by adding a <style> tag
 
+// load the styles
+var content = __webpack_require__("3aa3");
+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("01e402f7", content, true, {"sourceMap":false,"shadowMode":false});
 
 /***/ }),
 
@@ -12672,20 +12701,6 @@ var meta = module.exports = {
 hiddenKeys[METADATA] = true;
 
 
-/***/ }),
-
-/***/ "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-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;
-
-
 /***/ }),
 
 /***/ "f2a5":
@@ -27350,60 +27365,60 @@ var dist_default = /*#__PURE__*/__webpack_require__.n(dist);
 var vue3_observe_visibility_common = __webpack_require__("196e");
 var vue3_observe_visibility_common_default = /*#__PURE__*/__webpack_require__.n(vue3_observe_visibility_common);
 
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/@vue/cli-service/node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=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.vue?vue&type=template&id=315c36c5&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-2160127b");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-315c36c5");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-2160127b");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-315c36c5");
 
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_1 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_2 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_3 = {
   key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_4 = {
   class: "filtering-items__item"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_5 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_6 = {
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_7 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_7 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_8 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_8 = {
   ref: "table"
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_9 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_9 = {
   key: 0
 };
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_10 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_10 = {
   key: 0
 };
 
-var Gridvue_type_template_id_2160127b_scoped_true_hoisted_11 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_315c36c5_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_2160127b_scoped_true_hoisted_12 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_12 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_315c36c5_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");
@@ -27416,8 +27431,6 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
 
   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");
@@ -27428,6 +27441,8 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
 
   var _component_grid_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-pagination");
 
+  var _component_filter_setting = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("filter-setting");
+
   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");
@@ -27464,7 +27479,7 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
         }, [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, {
+        }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_315c36c5_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: {
@@ -27487,11 +27502,11 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
 
             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", {
+        }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_315c36c5_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, {
+        }, 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_315c36c5_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) {
@@ -27519,7 +27534,7 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
           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, {
+        }, 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_315c36c5_scoped_true_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_315c36c5_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_315c36c5_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) {
@@ -27550,19 +27565,7 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
     columns: _ctx.$props.columns,
     "hidden-column": _ctx.hiddenColumn,
     onApplyColumn: $setup.onApplyColumn
-  }, 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"])({
+  }, 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"])({
     ref: "grid-wrapper"
   }, _ctx.$attrs, {
     class: "grid-wrapper",
@@ -27582,7 +27585,7 @@ var Gridvue_type_template_id_2160127b_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_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", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_315c36c5_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,
@@ -27595,7 +27598,7 @@ var Gridvue_type_template_id_2160127b_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[6] || (_cache[6] = function ($event) {
+    "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
       return _ctx.isHeaderChecked = $event;
     }),
     onChange: $setup.onCheckAll
@@ -27617,13 +27620,13 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
         'border-right': _ctx.orderedColumns.length - 1 === index ? 'none' : '1px solid #CFCFCF'
       },
       draggable: true,
-      onDragstart: _cache[8] || (_cache[8] = function () {
+      onDragstart: _cache[6] || (_cache[6] = function () {
         return $setup.onDragStart && $setup.onDragStart.apply($setup, arguments);
       }),
-      onDragover: _cache[9] || (_cache[9] = function () {
+      onDragover: _cache[7] || (_cache[7] = function () {
         return $setup.onDragOver && $setup.onDragOver.apply($setup, arguments);
       }),
-      onDrop: _cache[10] || (_cache[10] = function () {
+      onDrop: _cache[8] || (_cache[8] = function () {
         return $setup.onDrop && $setup.onDrop.apply($setup, arguments);
       })
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
@@ -27631,7 +27634,7 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
       class: "column-name",
       onClick: [function ($event) {
         return $setup.onColumnContextMenu($event, column);
-      }, _cache[7] || (_cache[7] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+      }, _cache[5] || (_cache[5] = 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);
@@ -27708,12 +27711,12 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
       'bottom-border': !!_ctx.viewStore.length,
       'non-border': !!$setup.borderStyle
     },
-    onScroll: _cache[14] || (_cache[14] = function () {
+    onScroll: _cache[12] || (_cache[12] = function () {
       return $setup.onScroll && $setup.onScroll.apply($setup, arguments);
     }),
-    onContextmenu: [_cache[15] || (_cache[15] = function ($event) {
+    onContextmenu: [_cache[13] || (_cache[13] = function ($event) {
       return $setup.onContextMenu($event);
-    }), _cache[16] || (_cache[16] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+    }), _cache[14] || (_cache[14] = 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);
@@ -27721,7 +27724,7 @@ var Gridvue_type_template_id_2160127b_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_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) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", Gridvue_type_template_id_315c36c5_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", {
@@ -27780,7 +27783,7 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
           'min-width': "".concat($setup.isRenderer(column) ? _ctx.rendererMinWidth : _ctx.minWidth, "px"),
           'border-right': _ctx.orderedColumns.length - 1 === cellIndex ? 'none' : '1px solid #CFCFCF'
         }
-      }, [!!_ctx.$slots[column.field] ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", Gridvue_type_template_id_2160127b_scoped_true_hoisted_9, [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_315c36c5_scoped_true_hoisted_9, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
         item: {
           row: row,
           column: column
@@ -27806,9 +27809,9 @@ var Gridvue_type_template_id_2160127b_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[11] || (_cache[11] = function ($event) {
+      onClick: [_cache[9] || (_cache[9] = function ($event) {
         return $setup.onContextMenu($event);
-      }), _cache[12] || (_cache[12] = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withModifiers"])(function () {
+      }), _cache[10] || (_cache[10] = 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);
@@ -27817,11 +27820,11 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
       key: 1,
       icon: "ev-icon-warning2",
       class: "row-contextmenu__btn",
-      onClick: [_cache[13] || (_cache[13] = function ($event) {
+      onClick: [_cache[11] || (_cache[11] = 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_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", {
+  }), 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_315c36c5_scoped_true_hoisted_10, [Gridvue_type_template_id_315c36c5_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, {
@@ -27830,7 +27833,7 @@ var Gridvue_type_template_id_2160127b_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_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, {
+  }, 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_315c36c5_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, {
@@ -27847,7 +27850,7 @@ var Gridvue_type_template_id_2160127b_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[17] || (_cache[17] = function ($event) {
+    "onUpdate:modelValue": _cache[15] || (_cache[15] = function ($event) {
       return _ctx.currentPage = $event;
     }),
     total: _ctx.pageTotal,
@@ -27855,9 +27858,21 @@ var Gridvue_type_template_id_2160127b_scoped_true_render = /*#__PURE__*/_withId(
     "visible-page": _ctx.visiblePage,
     "show-page-info": _ctx.showPageInfo,
     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);
+  }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_setting, {
+    "is-show": _ctx.isShowFilterSetting,
+    "onUpdate:is-show": _cache[16] || (_cache[16] = function ($event) {
+      return _ctx.isShowFilterSetting = $event;
+    }),
+    items: _ctx.filteringItemsByColumn,
+    "onUpdate:items": _cache[17] || (_cache[17] = function ($event) {
+      return _ctx.filteringItemsByColumn = $event;
+    }),
+    column: _ctx.filteringColumn,
+    position: _ctx.filterSettingPosition,
+    onApplyFiltering: $setup.onApplyFilter
+  }, null, 8, ["is-show", "items", "column", "position", "onApplyFiltering"])], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=2160127b&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=315c36c5&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
 
@@ -28605,30 +28620,30 @@ var grid_columnSettingvue_type_style_index_0_id_88a7d2b6_lang_scss = __webpack_r
 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
+// 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=31054c2c
 
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_1 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_1 = {
   class: "ev-grid-filter-setting__header"
 };
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_2 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_2 = {
   class: "header-title"
 };
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_3 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_3 = {
   class: "ev-grid-filter-setting__content"
 };
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_4 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_4 = {
   class: "ev-grid-filter-setting__row--button"
 };
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_5 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_5 = {
   class: "ev-grid-filter-setting__row--button add"
 };
-var grid_filterSettingvue_type_template_id_4778286b_hoisted_6 = {
+var grid_filterSettingvue_type_template_id_31054c2c_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 ");
+var grid_filterSettingvue_type_template_id_31054c2c_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) {
+function grid_filterSettingvue_type_template_id_31054c2c_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");
@@ -28641,16 +28656,16 @@ function grid_filterSettingvue_type_template_id_4778286b_render(_ctx, _cache, $p
 
   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"
+    to: "#ev-grid-filter-setting-modal"
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("section", {
     class: "ev-grid-filter-setting",
     style: {
       top: _ctx.$props.position.top,
       left: _ctx.$props.position.left
     }
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_4778286b_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_31054c2c_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) {
+  }), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", grid_filterSettingvue_type_template_id_31054c2c_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_31054c2c_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"
@@ -28685,28 +28700,28 @@ function grid_filterSettingvue_type_template_id_4778286b_render(_ctx, _cache, $p
       },
       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, {
+    }, null, 8, ["modelValue", "onUpdate:modelValue", "disabled"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_31054c2c_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, {
+  }), 128)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_31054c2c_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, {
+  }, null, 8, ["onClick"])])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", grid_filterSettingvue_type_template_id_31054c2c_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];
+      return [grid_filterSettingvue_type_template_id_31054c2c_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: ./src/components/grid/grid.filterSetting.vue?vue&type=template&id=31054c2c
 
 // 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
 
@@ -28923,6 +28938,20 @@ function grid_filterSettingvue_type_template_id_4778286b_render(_ctx, _cache, $p
       })) === null || _items$find === void 0 ? void 0 : _items$find.name) || '';
     };
 
+    var initWrapperDiv = function initWrapperDiv() {
+      var root = document.createElement('div');
+      root.id = 'ev-grid-filter-setting-modal';
+      root.setAttribute('style', 'position: absolute; top: 0; left: 0;');
+      var hasRoot = document.getElementById('ev-grid-filter-setting-modal');
+
+      if (!hasRoot) {
+        document.body.appendChild(root);
+      }
+    };
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onBeforeMount"])(function () {
+      initWrapperDiv();
+    });
     return {
       filteringItems: filteringItems,
       isShowFilterSetting: isShowFilterSetting,
@@ -28939,8 +28968,8 @@ function grid_filterSettingvue_type_template_id_4778286b_render(_ctx, _cache, $p
 });
 // 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");
+// EXTERNAL MODULE: ./src/components/grid/grid.filterSetting.vue?vue&type=style&index=0&id=31054c2c&lang=scss
+var grid_filterSettingvue_type_style_index_0_id_31054c2c_lang_scss = __webpack_require__("9422");
 
 // CONCATENATED MODULE: ./src/components/grid/grid.filterSetting.vue
 
@@ -28950,7 +28979,7 @@ var grid_filterSettingvue_type_style_index_0_id_4778286b_lang_scss = __webpack_r
 
 
 
-const grid_filterSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_filterSettingvue_type_script_lang_js, [['render',grid_filterSettingvue_type_template_id_4778286b_render]])
+const grid_filterSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_filterSettingvue_type_script_lang_js, [['render',grid_filterSettingvue_type_template_id_31054c2c_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
@@ -30616,9 +30645,9 @@ var uses_clickEvent = function clickEvent(params) {
   var lastIndex = -1;
 
   var onRowClick = function onRowClick(event, row) {
-    var _event$target$parentE, _event$target$closest, _event$target$closest2;
+    var _event$target$parentE;
 
-    if ((_event$target$parentE = event.target.parentElement.classList) !== null && _event$target$parentE !== void 0 && _event$target$parentE.contains('row-checkbox-input') || (_event$target$closest = event.target.closest('td')) !== null && _event$target$closest !== void 0 && (_event$target$closest2 = _event$target$closest.classList) !== null && _event$target$closest2 !== void 0 && _event$target$closest2.contains('row-contextmenu')) {
+    if ((_event$target$parentE = event.target.parentElement.classList) !== null && _event$target$parentE !== void 0 && _event$target$parentE.contains('row-checkbox-input')) {
       return false;
     }
 
@@ -31251,16 +31280,17 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     var menuItems = [];
 
     if (useCustom && contextInfo.customContextMenu.length) {
-      var row = selectInfo.selectedRow;
       var customItems = contextInfo.customContextMenu.map(function (item) {
+        var _selectInfo$selectedR, _selectInfo$contextme;
+
         var menuItem = item;
 
         if (menuItem.validate) {
-          menuItem.disabled = !menuItem.validate(menuItem.itemId, row);
+          menuItem.disabled = !menuItem.validate(menuItem.itemId, selectInfo.selectedRow);
         }
 
-        menuItem.selectedRow = row !== null && row !== void 0 ? row : [];
-        menuItem.contextmenuInfo = [selectInfo.contextmenuInfo];
+        menuItem.selectedRow = (_selectInfo$selectedR = selectInfo.selectedRow) !== null && _selectInfo$selectedR !== void 0 ? _selectInfo$selectedR : [];
+        menuItem.contextmenuInfo = (_selectInfo$contextme = selectInfo.contextmenuInfo) !== null && _selectInfo$contextme !== void 0 ? _selectInfo$contextme : [];
         return menuItem;
       });
       menuItems.push.apply(menuItems, _toConsumableArray(customItems));
@@ -31272,7 +31302,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;
+      var filterable = filterInfo.isFiltering && column.filterable === undefined ? true : column.filterable;
       contextInfo.columnMenuItems = [{
         text: 'Ascending',
         iconClass: 'ev-icon-allow2-up',
@@ -31342,7 +31372,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     }
 
     if (clickedRow) {
-      selectInfo.contextmenuInfo = clickedRow;
+      selectInfo.contextmenuInfo = [clickedRow];
       setContextMenu();
     }
   };
@@ -32033,15 +32063,17 @@ var dragEvent = function dragEvent(_ref) {
     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();
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onUpdated"])(function () {
+      var _elementInfo$gridWra;
+
+      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_["watch"])(function () {
       return props.columns;
     }, function () {
@@ -32471,8 +32503,8 @@ var dragEvent = function dragEvent(_ref) {
 });
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=2160127b&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_2160127b_lang_scss_scoped_true = __webpack_require__("6d55");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=315c36c5&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_315c36c5_lang_scss_scoped_true = __webpack_require__("828c");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -32482,7 +32514,7 @@ var Gridvue_type_style_index_0_id_2160127b_lang_scss_scoped_true = __webpack_req
 
 
 
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_2160127b_scoped_true_render],['__scopeId',"data-v-2160127b"]])
+const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_315c36c5_scoped_true_render],['__scopeId',"data-v-315c36c5"]])
 
 /* harmony default export */ var Grid = (Grid_exports_);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -54894,21 +54926,6 @@ 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":