npm - evui - Versions diffs - 3.4.5 → 3.4.7 - Mend

evui 3.4.5 → 3.4.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (14) hide show

package/dist/evui.common.js +438 -296
package/dist/evui.common.js.map +1 -1
package/dist/evui.umd.js +438 -296
package/dist/evui.umd.js.map +1 -1
package/dist/evui.umd.min.js +1 -1
package/dist/evui.umd.min.js.map +1 -1
package/package.json +1 -1
package/src/components/checkbox/Checkbox.vue +24 -2
package/src/components/contextMenu/uses.js +6 -0
package/src/components/grid/Grid.vue +58 -28
package/src/components/grid/grid.columnSetting.vue +1 -0
package/src/components/grid/grid.filterSetting.vue +30 -7
package/src/components/grid/style/grid.scss +8 -0
package/src/components/grid/uses.js +49 -13

package/dist/evui.common.js CHANGED Viewed

@@ -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":
@@ -5011,14 +5010,14 @@ module.exports = exports;
 /***/ }),
-/***/ "3bbd":
+/***/ "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-5cdcf102]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-5cdcf102]{overflow:auto}.ev-grid--empty .table-header[data-v-5cdcf102]{display:table}.ev-grid.non-header[data-v-5cdcf102]{padding-top:0}.ev-grid .table-header[data-v-5cdcf102]{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-5cdcf102]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-5cdcf102]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-5cdcf102]{display:none;vertical-align:middle}.column-list[data-v-5cdcf102]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-5cdcf102],.column-list[data-v-5cdcf102]{position:relative;height:100%}.column[data-v-5cdcf102]{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-5cdcf102]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-5cdcf102]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-5cdcf102]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-5cdcf102]{visibility:visible}.column :hover .column-sort__icon--asc[data-v-5cdcf102],.column :hover .column-sort__icon--desc[data-v-5cdcf102]{visibility:hidden}.column-name[data-v-5cdcf102]{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-5cdcf102]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-5cdcf102]:hover{cursor:col-resize}.table-body[data-v-5cdcf102]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-5cdcf102]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-5cdcf102]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-5cdcf102]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-5cdcf102]{border-bottom:1px solid}.table-body .row[data-v-5cdcf102]{color:inherit;white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-5cdcf102]{border-bottom:1px solid}.table-body .row.selected[data-v-5cdcf102]{background:#dbf0f9}.dark .table-body .row.selected[data-v-5cdcf102],.table-body .row.selected[data-v-5cdcf102]{color:inherit;font-size:inherit}.table-body .row.highlight[data-v-5cdcf102]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-5cdcf102]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-5cdcf102]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-5cdcf102]{display:inline-block;padding:0 10px;text-align:center;max-width:100%}.table-body .cell[data-v-5cdcf102],.table-body .cell div[data-v-5cdcf102]{white-space:nowrap;text-overflow:ellipsis}.table-body .cell div[data-v-5cdcf102]{overflow:hidden}.table-body .cell.row-checkbox[data-v-5cdcf102]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-5cdcf102]{overflow:initial}.table-body .cell.float[data-v-5cdcf102],.table-body .cell.number[data-v-5cdcf102]{text-align:right}.table-body .cell.string[data-v-5cdcf102],.table-body .cell.stringNumber[data-v-5cdcf102]{text-align:left}.table-body .cell.center[data-v-5cdcf102]{text-align:center}.table-body .cell.left[data-v-5cdcf102]{text-align:left}.table-body .cell.left .wrap[data-v-5cdcf102]{justify-content:flex-start}.table-body .cell.right[data-v-5cdcf102]{text-align:right}.table-body .cell.right .wrap[data-v-5cdcf102]{justify-content:flex-end}.table-resize-line[data-v-5cdcf102]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-5cdcf102]{border-right:1px solid}.vscroll-spacer[data-v-5cdcf102]{opacity:0;clear:both}[v-cloak][data-v-5cdcf102]{display:none}.ev-checkbox[data-v-5cdcf102]{margin:0}.non-border[data-v-5cdcf102]{border:none!important}.is-empty[data-v-5cdcf102]{height:30px;text-align:center}.filtering-items[data-v-5cdcf102]{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-5cdcf102]:hover{cursor:pointer;color:#07f}.filtering-items__item[data-v-5cdcf102]{padding:4px;border-radius:4px;background:#eaf2fa}.filtering-items__item[data-v-5cdcf102]:hover{cursor:pointer;border:1px solid #198fff}.filtering-items__item--title[data-v-5cdcf102]{color:#07f;margin-right:6px;vertical-align:middle}.filtering-items__item--value[data-v-5cdcf102]{display:inline-block;max-width:80px;text-overflow:ellipsis;overflow:hidden;vertical-align:middle;white-space:nowrap}.filtering-items__item--remove[data-v-5cdcf102]{vertical-align:middle;margin-left:6px}.filtering-items__item--remove[data-v-5cdcf102]:hover{opacity:.6}.filtering-items__item.non-display[data-v-5cdcf102]{display:none}.ev-grid-filtering-items[data-v-5cdcf102]{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.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;
@@ -5976,17 +5975,6 @@ module.exports = function (argument) {
 };
-/***/ }),
-/***/ "50d0":
-/***/ (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_5cdcf102_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("c7ba");
-/* 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_5cdcf102_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_5cdcf102_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "5135":
@@ -6172,34 +6160,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("7fbad1a3", content, true, {"sourceMap":false,"shadowMode":false});
-/***/ }),
-/***/ "5533":
-/***/ (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;
-/***/ }),
-/***/ "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":
@@ -6346,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__) {
@@ -6589,6 +6564,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":
@@ -6845,21 +6831,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":
@@ -7672,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":
@@ -7770,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":
@@ -8022,7 +8018,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
-module.exports = JSON.parse("{\"a\":\"3.4.5\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.7\"}");
 /***/ }),
@@ -8119,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":
@@ -8147,6 +8154,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":
@@ -8984,17 +9006,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":
@@ -9056,6 +9067,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":
@@ -9933,6 +9955,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":
@@ -10434,14 +10471,18 @@ module.exports = exports;
 /***/ }),
-/***/ "bcaf":
-/***/ (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_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("1176");
-/* harmony import */ var _node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_stylePostLoader_js_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_2_node_modules_postcss_loader_src_index_js_ref_8_oneOf_1_3_node_modules_sass_loader_dist_cjs_js_ref_8_oneOf_1_4_node_modules_cache_loader_dist_cjs_js_ref_0_0_node_modules_vue_cli_service_node_modules_vue_loader_v16_dist_index_js_ref_0_1_grid_columnSetting_vue_vue_type_style_index_0_id_01f79a26_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+// 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});
 /***/ }),
@@ -10466,7 +10507,7 @@ module.exports = exports;
 var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
 exports = ___CSS_LOADER_API_IMPORT___(false);
 // Module
-exports.push([module.i, ".ev-grid[data-v-fd0ffe52]{position:relative;width:100%;height:100%;padding-top:33px}.ev-grid--empty[data-v-fd0ffe52]{overflow:auto}.ev-grid--empty .table-header[data-v-fd0ffe52]{display:table}.ev-grid.non-header[data-v-fd0ffe52]{padding-top:0}.ev-grid .table-header[data-v-fd0ffe52]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-grid .table-header[data-v-fd0ffe52]{border-top:2px solid;border-bottom:1px solid}.ev-grid .table-header.non-border[data-v-fd0ffe52]{border-bottom:2px solid #7f7f7f!important}.ev-grid .row-contextmenu__btn[data-v-fd0ffe52]{display:none;vertical-align:middle}.column-list[data-v-fd0ffe52]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-fd0ffe52],.column-list[data-v-fd0ffe52]{position:relative;height:100%}.column[data-v-fd0ffe52]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.column .column-sort__icon[data-v-fd0ffe52]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-fd0ffe52]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-fd0ffe52]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-fd0ffe52]{visibility:visible}.column :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--title[data-v-fd0ffe52]{color:#07f;margin-right:6px;vertical-align:middle}.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.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;
@@ -10675,21 +10716,6 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {
 addToUnscopables(FIND_INDEX);
-/***/ }),
-/***/ "c7ba":
-/***/ (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__("3bbd");
-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("100bed7e", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "c8ba":
@@ -11117,6 +11143,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":
@@ -12481,17 +12521,6 @@ module.exports = Array.isArray || function isArray(arg) {
 };
-/***/ }),
-/***/ "e8de":
-/***/ (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_6129991f_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("f469");
-/* 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_6129991f_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_6129991f_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
 /***/ }),
 /***/ "e95a":
@@ -12672,20 +12701,6 @@ var meta = module.exports = {
 hiddenKeys[METADATA] = true;
-/***/ }),
-/***/ "f1ff":
-/***/ (function(module, exports, __webpack_require__) {
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-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;
 /***/ }),
 /***/ "f2a5":
@@ -12724,21 +12739,6 @@ exports.push([module.i, ".gridToolbar{height:30px;margin-bottom:10px}.gridToolba
 module.exports = exports;
-/***/ }),
-/***/ "f469":
-/***/ (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__("5533");
-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("d5622dec", content, true, {"sourceMap":false,"shadowMode":false});
 /***/ }),
 /***/ "f5df":
@@ -13711,9 +13711,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
@@ -13733,16 +13737,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");
@@ -13810,6 +13811,10 @@ function _asyncToGenerator(fn) {
       type: [String, Number, Boolean, Symbol],
       default: null
     },
+    tooltipTitle: {
+      type: String,
+      default: ''
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -13831,9 +13836,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 값
@@ -13912,6 +13932,7 @@ function _asyncToGenerator(fn) {
     });
     return {
       mv: mv,
+      checkboxLabel: checkboxLabel,
       checkbox: checkbox,
       checked: checked,
       changeMv: changeMv
@@ -13920,8 +13941,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
@@ -13931,7 +13952,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
@@ -24256,7 +24277,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 컴포넌트 생성 메소드
@@ -24286,6 +24310,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
@@ -27338,57 +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=5cdcf102&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-5cdcf102");
+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-5cdcf102");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-315c36c5");
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_1 = {
+  class: "filtering-items__item--title"
+};
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_2 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_3 = {
   key: 1,
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_4 = {
   class: "filtering-items__item"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_4 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_5 = {
   class: "filtering-items__item--title"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_6 = {
   class: "filtering-items__item--value"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_6 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_7 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_7 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_8 = {
   ref: "table"
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_8 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_9 = {
   key: 0
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_9 = {
+var Gridvue_type_template_id_315c36c5_scoped_true_hoisted_10 = {
   key: 0
 };
-var Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_10 = /*#__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_5cdcf102_scoped_true_hoisted_11 = {
+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_5cdcf102_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");
@@ -27401,8 +27431,6 @@ var Gridvue_type_template_id_5cdcf102_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");
@@ -27413,6 +27441,8 @@ var Gridvue_type_template_id_5cdcf102_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");
@@ -27435,26 +27465,31 @@ var Gridvue_type_template_id_5cdcf102_scoped_true_render = /*#__PURE__*/_withId(
           background: !$setup.isShowColumnFilteringItems && $setup.isExpandColumnFilteringItems ? '#FFFFFF' : 'none',
           border: !$setup.isShowColumnFilteringItems && $setup.isExpandColumnFilteringItems ? '1px solid #CED4DA' : 'none'
         }
-      }, [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: $setup.removeAllFiltering
-      }, null, 8, ["onClick"]), (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) {
+      }, [(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"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
-          key: 0
+        }, [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",
-          onClick: $setup.onExpandFilteringItems
-        }, null, 8, ["onClick"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(" Filter (" + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(Object.keys(_ctx.filteringItemsByColumn).length) + ") ", 1)], 64)) : 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, {
+          class: "filtering-items-expand"
+        }), 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: {
+            "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[1] || (_cache[1] = function ($event) {
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = function ($event) {
             return _ctx.columnOperator = $event;
           }),
           class: "ev-grid-filter-setting__row--operator",
@@ -27463,13 +27498,15 @@ var Gridvue_type_template_id_5cdcf102_scoped_true_render = /*#__PURE__*/_withId(
         }, 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) {
-            return $setup.onClickFilteringItem(field, _ctx.filteringItemsByColumn[field]);
+            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_5cdcf102_scoped_true_hoisted_1, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(field), 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.filteringItemsByColumn[field][0].comparison) + " " + Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])(_ctx.filteringItemsByColumn[field][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_5cdcf102_scoped_true_hoisted_2, " + " + 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) {
@@ -27497,7 +27534,7 @@ var Gridvue_type_template_id_5cdcf102_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_5cdcf102_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_4, 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_5cdcf102_scoped_true_hoisted_5, 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) {
@@ -27522,25 +27559,13 @@ var Gridvue_type_template_id_5cdcf102_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[2] || (_cache[2] = 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"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_setting, {
-    "is-show": _ctx.isShowFilterSetting,
-    "onUpdate:is-show": _cache[3] || (_cache[3] = function ($event) {
-      return _ctx.isShowFilterSetting = $event;
-    }),
-    items: _ctx.filteringItemsByColumn,
-    "onUpdate:items": _cache[4] || (_cache[4] = 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",
@@ -27560,7 +27585,7 @@ var Gridvue_type_template_id_5cdcf102_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_5cdcf102_scoped_true_hoisted_6, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [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,
@@ -27573,7 +27598,7 @@ var Gridvue_type_template_id_5cdcf102_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[5] || (_cache[5] = function ($event) {
+    "onUpdate:modelValue": _cache[4] || (_cache[4] = function ($event) {
       return _ctx.isHeaderChecked = $event;
     }),
     onChange: $setup.onCheckAll
@@ -27593,13 +27618,23 @@ var Gridvue_type_template_id_5cdcf102_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[6] || (_cache[6] = function () {
+        return $setup.onDragStart && $setup.onDragStart.apply($setup, arguments);
+      }),
+      onDragover: _cache[7] || (_cache[7] = function () {
+        return $setup.onDragOver && $setup.onDragOver.apply($setup, arguments);
+      }),
+      onDrop: _cache[8] || (_cache[8] = 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[6] || (_cache[6] = 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);
@@ -27656,7 +27691,7 @@ var Gridvue_type_template_id_5cdcf102_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: {
@@ -27676,12 +27711,12 @@ var Gridvue_type_template_id_5cdcf102_scoped_true_render = /*#__PURE__*/_withId(
       'bottom-border': !!_ctx.viewStore.length,
       'non-border': !!$setup.borderStyle
     },
-    onScroll: _cache[10] || (_cache[10] = function () {
+    onScroll: _cache[12] || (_cache[12] = function () {
       return $setup.onScroll && $setup.onScroll.apply($setup, arguments);
     }),
-    onContextmenu: [_cache[11] || (_cache[11] = function ($event) {
+    onContextmenu: [_cache[13] || (_cache[13] = function ($event) {
       return $setup.onContextMenu($event);
-    }), _cache[12] || (_cache[12] = 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);
@@ -27689,7 +27724,7 @@ var Gridvue_type_template_id_5cdcf102_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_5cdcf102_scoped_true_hoisted_7, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (row, rowIndex) {
+  }, 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", {
@@ -27746,9 +27781,9 @@ var Gridvue_type_template_id_5cdcf102_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_5cdcf102_scoped_true_hoisted_8, [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
@@ -27774,9 +27809,9 @@ var Gridvue_type_template_id_5cdcf102_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[7] || (_cache[7] = function ($event) {
+      onClick: [_cache[9] || (_cache[9] = function ($event) {
         return $setup.onContextMenu($event);
-      }), _cache[8] || (_cache[8] = 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);
@@ -27785,11 +27820,11 @@ var Gridvue_type_template_id_5cdcf102_scoped_true_render = /*#__PURE__*/_withId(
       key: 1,
       icon: "ev-icon-warning2",
       class: "row-contextmenu__btn",
-      onClick: [_cache[9] || (_cache[9] = 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_5cdcf102_scoped_true_hoisted_9, [Gridvue_type_template_id_5cdcf102_scoped_true_hoisted_10])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 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, {
@@ -27798,7 +27833,7 @@ var Gridvue_type_template_id_5cdcf102_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_5cdcf102_scoped_true_hoisted_11, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, 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, {
@@ -27815,7 +27850,7 @@ var Gridvue_type_template_id_5cdcf102_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[13] || (_cache[13] = function ($event) {
+    "onUpdate:modelValue": _cache[15] || (_cache[15] = function ($event) {
       return _ctx.currentPage = $event;
     }),
     total: _ctx.pageTotal,
@@ -27823,9 +27858,21 @@ var Gridvue_type_template_id_5cdcf102_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=5cdcf102&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
@@ -28244,30 +28291,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");
@@ -28285,7 +28332,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;
@@ -28293,7 +28340,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) {
@@ -28303,25 +28350,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
@@ -28556,8 +28606,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
@@ -28567,33 +28617,33 @@ 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=6129991f
+// 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_6129991f_hoisted_1 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_1 = {
   class: "ev-grid-filter-setting__header"
 };
-var grid_filterSettingvue_type_template_id_6129991f_hoisted_2 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_2 = {
   class: "header-title"
 };
-var grid_filterSettingvue_type_template_id_6129991f_hoisted_3 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_3 = {
   class: "ev-grid-filter-setting__content"
 };
-var grid_filterSettingvue_type_template_id_6129991f_hoisted_4 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_4 = {
   class: "ev-grid-filter-setting__row--button"
 };
-var grid_filterSettingvue_type_template_id_6129991f_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_6129991f_hoisted_6 = {
+var grid_filterSettingvue_type_template_id_31054c2c_hoisted_6 = {
   class: "ev-grid-filter-setting__footer"
 };
-var grid_filterSettingvue_type_template_id_6129991f_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_6129991f_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");
@@ -28606,16 +28656,16 @@ function grid_filterSettingvue_type_template_id_6129991f_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_6129991f_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_6129991f_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_6129991f_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"
@@ -28625,51 +28675,53 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
         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", "items", "disabled", "style", "onChange"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_select, {
+    }, 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", "items", "onChange"]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_text_field, {
+    }, 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_6129991f_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_6129991f_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_6129991f_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_6129991f_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=6129991f
+// 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
@@ -28681,6 +28733,8 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
 /* harmony default export */ var grid_filterSettingvue_type_script_lang_js = ({
   name: 'EVGridFilterSetting',
   directives: {
@@ -28720,11 +28774,13 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
   setup: function setup(props, _ref) {
     var emit = _ref.emit;
     var filteringItems = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])([]);
-    var columnField = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      var _props$column;
+    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;
+    // });
-      return (_props$column = props.column) === null || _props$column === void 0 ? void 0 : _props$column.field;
-    });
     var items1 = [{
       name: 'AND',
       value: 'and'
@@ -28844,7 +28900,7 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
     };
     var applyFiltering = function applyFiltering() {
-      emit('apply-filtering', columnField.value, filteringItems.value.filter(function (item) {
+      emit('apply-filtering', filteringColumn.value.field, filteringItems.value.filter(function (item) {
         return item.value || item.comparison === 'isEmpty' || item.comparison === 'isNotEmpty';
       }));
     };
@@ -28854,17 +28910,18 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
     }, function (isShow) {
       var rowList = [];
-      if (isShow && columnField.value) {
-        var _props$items$columnFi;
+      if (isShow && filteringColumn.value.field) {
+        var _props$items$filterin;
-        if (!((_props$items$columnFi = props.items[columnField.value]) !== null && _props$items$columnFi !== void 0 && _props$items$columnFi.length)) {
+        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: ''
+            value: '',
+            caption: filteringColumn.value.caption
           });
         } else {
-          props.items[columnField.value].forEach(function (row) {
+          props.items[filteringColumn.value.field].forEach(function (row) {
             rowList.push(row);
           });
         }
@@ -28872,6 +28929,29 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
         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) || '';
+    };
+    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,
@@ -28881,14 +28961,15 @@ function grid_filterSettingvue_type_template_id_6129991f_render(_ctx, _cache, $p
       removeRow: removeRow,
       changeOperator: changeOperator,
       applyFiltering: applyFiltering,
-      changeComparison: changeComparison
+      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=6129991f&lang=scss
-var grid_filterSettingvue_type_style_index_0_id_6129991f_lang_scss = __webpack_require__("e8de");
+// 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
@@ -28898,7 +28979,7 @@ var grid_filterSettingvue_type_style_index_0_id_6129991f_lang_scss = __webpack_r
-const grid_filterSetting_exports_ = /*#__PURE__*/exportHelper_default()(grid_filterSettingvue_type_script_lang_js, [['render',grid_filterSettingvue_type_template_id_6129991f_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
@@ -30472,6 +30553,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;
@@ -30563,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;
     }
@@ -30978,13 +31060,13 @@ var uses_filterEvent = function filterEvent(params) {
   var stringFilter = function stringFilter(item, condition) {
     var comparison = condition.comparison;
     var conditionValue = condition.value;
-    var value = item[uses_ROW_DATA_INDEX][condition.index];
+    var value = "".concat(item[uses_ROW_DATA_INDEX][condition.index]);
     var result;
     if (comparison === '=') {
-      result = value === conditionValue;
+      result = conditionValue.toLowerCase() === value.toLowerCase();
     } else if (comparison === '!=') {
-      result = value !== conditionValue;
+      result = conditionValue.toLowerCase() !== value.toLowerCase();
     } else if (comparison === '%s%') {
       result = findLike("%".concat(conditionValue, "%"), value);
     } else if (comparison === 'notLike') {
@@ -31075,7 +31157,7 @@ var uses_filterEvent = function filterEvent(params) {
       filters.forEach(function (filterItem) {
         isApply = true;
-        if (!filterStore.length) {
+        if (!filterStore.length && Object.keys(filteringItemsByColumn).length < 2) {
           filterStore = getFilteringData(originStore, columnType, _objectSpread2(_objectSpread2({}, filterItem), {}, {
             index: index
           }));
@@ -31198,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));
@@ -31219,6 +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 = filterInfo.isFiltering && column.filterable === undefined ? true : column.filterable;
       contextInfo.columnMenuItems = [{
         text: 'Ascending',
         iconClass: 'ev-icon-allow2-up',
@@ -31237,6 +31321,16 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
         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
@@ -31244,7 +31338,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
           filterInfo.isShowFilterSetting = true;
           filterInfo.filteringColumn = column;
         },
-        disabled: !filterInfo.isFiltering
+        disabled: !filterable
       }, {
         text: 'Hide',
         iconClass: 'ev-icon-visibility-off',
@@ -31278,7 +31372,7 @@ var uses_contextMenuEvent = function contextMenuEvent(params) {
     }
     if (clickedRow) {
-      selectInfo.contextmenuInfo = clickedRow;
+      selectInfo.contextmenuInfo = [clickedRow];
       setContextMenu();
     }
   };
@@ -31493,6 +31587,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
@@ -31667,6 +31794,7 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
         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({
@@ -31675,7 +31803,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"])({
@@ -31924,18 +32053,27 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
         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();
     });
+    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 () {
@@ -32355,14 +32493,18 @@ var uses_columnSettingEvent = function columnSettingEvent(params) {
       setColumnFilteringItems: setColumnFilteringItems,
       onChangeOperator: onChangeOperator,
       onApplyFilter: onApplyFilter,
-      onClickFilteringItem: onClickFilteringItem
+      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=5cdcf102&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_5cdcf102_lang_scss_scoped_true = __webpack_require__("50d0");
+// 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
@@ -32372,7 +32514,7 @@ var Gridvue_type_style_index_0_id_5cdcf102_lang_scss_scoped_true = __webpack_req
-const Grid_exports_ = /*#__PURE__*/exportHelper_default()(Gridvue_type_script_lang_js, [['render',Gridvue_type_template_id_5cdcf102_scoped_true_render],['__scopeId',"data-v-5cdcf102"]])
+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