evui 3.3.10 → 3.3.11

package/dist/evui.umd.js

@@ -5033,6 +5033,29 @@ module.exports = function (it) {
 };
 
 
+/***/ }),
+
+/***/ "3c39":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
+var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("f051");
+var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__("0924");
+var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__("eb91");
+var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__("a884");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
+var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
+var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
+var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
+// Module
+exports.push([module.i, ".table[data-v-6493e3f4]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-6493e3f4]{padding-top:0}.table .table-header[data-v-6493e3f4]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-6493e3f4]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-6493e3f4]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-6493e3f4]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-6493e3f4],.column-list[data-v-6493e3f4]{position:relative;height:100%}.column[data-v-6493e3f4]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-6493e3f4]{border-right:1px solid}.column[data-v-6493e3f4]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-6493e3f4]{cursor:default!important}.column .sort-icon[data-v-6493e3f4]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-6493e3f4]{font-size:13px;color:#005cc8}.column-name[data-v-6493e3f4]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-6493e3f4]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-6493e3f4]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-6493e3f4]{display:block;cursor:pointer}.column-filter-status[data-v-6493e3f4]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-6493e3f4]{font-size:10px;vertical-align:top}.column-resize[data-v-6493e3f4]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-6493e3f4]:hover{cursor:col-resize}.table-body[data-v-6493e3f4]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-6493e3f4]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-6493e3f4]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-6493e3f4]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-6493e3f4]{border-bottom:1px solid}.table-body .row[data-v-6493e3f4]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-6493e3f4]{border-bottom:1px solid}.table-body .row.selected[data-v-6493e3f4]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-6493e3f4]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-6493e3f4]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-6493e3f4]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-6493e3f4]{border-right:1px solid}.table-body .cell div[data-v-6493e3f4]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-6493e3f4]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-6493e3f4]{overflow:initial}.table-body .cell.float[data-v-6493e3f4],.table-body .cell.number[data-v-6493e3f4]{text-align:right}.table-body .cell.string[data-v-6493e3f4],.table-body .cell.stringNumber[data-v-6493e3f4]{text-align:left}.table-body .cell.center[data-v-6493e3f4]{text-align:center}.table-body .cell.left[data-v-6493e3f4]{text-align:left}.table-body .cell.left .wrap[data-v-6493e3f4]{justify-content:flex-start}.table-body .cell.right[data-v-6493e3f4]{text-align:right}.table-body .cell.right .wrap[data-v-6493e3f4]{justify-content:flex-end}.table-body .cell[data-v-6493e3f4]:last-child{border-right:0}.table-resize-line[data-v-6493e3f4]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-6493e3f4]{border-right:1px solid}.vscroll-spacer[data-v-6493e3f4]{opacity:0;clear:both}[v-cloak][data-v-6493e3f4]{display:none}.ev-checkbox[data-v-6493e3f4]{margin:0}.non-border[data-v-6493e3f4]{border:none!important}.is-empty[data-v-6493e3f4]{height:30px;text-align:center}.postgresql[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-6493e3f4]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "3c48":
@@ -6496,6 +6519,21 @@ var update = add("e9f0be08", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "6301":
+/***/ (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__("3c39");
+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("215a702e", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "6360":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -6775,6 +6813,17 @@ module.exports = function (originalArray, length) {
 };
 
 
+/***/ }),
+
+/***/ "67bd":
+/***/ (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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("6301");
+/* 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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "67cc":
@@ -7384,6 +7433,17 @@ $({ target: 'Array', proto: true, forced: SKIPS_HOLES || !USES_TO_LENGTH }, {
 addToUnscopables(FIND);
 
 
+/***/ }),
+
+/***/ "7dc3":
+/***/ (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_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_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_85d2d498_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("de33");
+/* 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_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_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_85d2d498_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_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_loader_v16_dist_index_js_ref_0_1_grid_summary_vue_vue_type_style_index_0_id_85d2d498_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "7dca":
@@ -7799,21 +7859,6 @@ exports.push([module.i, "#ev-message-box-modal{display:flex;position:fixed;top:0
 module.exports = exports;
 
 
-/***/ }),
-
-/***/ "8e0f":
-/***/ (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__("ded0");
-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("4194f44c", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "8fef":
@@ -7907,7 +7952,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.3.10\"}");
+module.exports = JSON.parse("{\"a\":\"3.3.11\"}");
 
 /***/ }),
 
@@ -10222,13 +10267,16 @@ module.exports = !fails(function () {
 
 /***/ }),
 
-/***/ "bf21":
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "bd50":
+/***/ (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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_247d3bf0_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8e0f");
-/* 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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_247d3bf0_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_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_loader_v16_dist_index_js_ref_0_1_Grid_vue_vue_type_style_index_0_id_247d3bf0_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".table[data-v-85d2d498]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-85d2d498]{padding-top:0}.table .table-header[data-v-85d2d498]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-85d2d498]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-85d2d498]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-85d2d498]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-85d2d498],.column-list[data-v-85d2d498]{position:relative;height:100%}.column[data-v-85d2d498]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-85d2d498]{border-right:1px solid}.column[data-v-85d2d498]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-85d2d498]{cursor:default!important}.column .sort-icon[data-v-85d2d498]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-85d2d498]{font-size:13px;color:#005cc8}.column-name[data-v-85d2d498]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-85d2d498]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-85d2d498]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-85d2d498]{display:block;cursor:pointer}.column-filter-status[data-v-85d2d498]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-85d2d498]{font-size:10px;vertical-align:top}.column-resize[data-v-85d2d498]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-85d2d498]:hover{cursor:col-resize}.table-body[data-v-85d2d498]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-85d2d498]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-85d2d498]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-85d2d498]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-85d2d498]{border-bottom:1px solid}.table-body .row[data-v-85d2d498]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-85d2d498]{border-bottom:1px solid}.table-body .row.selected[data-v-85d2d498]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-85d2d498]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-85d2d498]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-85d2d498]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-85d2d498]{border-right:1px solid}.table-body .cell div[data-v-85d2d498]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-85d2d498]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-85d2d498]{overflow:initial}.table-body .cell.float[data-v-85d2d498],.table-body .cell.number[data-v-85d2d498]{text-align:right}.table-body .cell.string[data-v-85d2d498],.table-body .cell.stringNumber[data-v-85d2d498]{text-align:left}.table-body .cell.center[data-v-85d2d498]{text-align:center}.table-body .cell.left[data-v-85d2d498]{text-align:left}.table-body .cell.left .wrap[data-v-85d2d498]{justify-content:flex-start}.table-body .cell.right[data-v-85d2d498]{text-align:right}.table-body .cell.right .wrap[data-v-85d2d498]{justify-content:flex-end}.table-body .cell[data-v-85d2d498]:last-child{border-right:0}.table-resize-line[data-v-85d2d498]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-85d2d498]{border-right:1px solid}.vscroll-spacer[data-v-85d2d498]{opacity:0;clear:both}[v-cloak][data-v-85d2d498]{display:none}.ev-checkbox[data-v-85d2d498]{margin:0}.non-border[data-v-85d2d498]{border:none!important}.is-empty[data-v-85d2d498]{height:30px;text-align:center}.grid-summary[data-v-85d2d498]{background-color:#f8f9f9;border-bottom:1px solid #cfcfcf}.grid-summary .non-border[data-v-85d2d498]{border-bottom:none!important}.grid-summary span[data-v-85d2d498]{display:inline-block;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#737373}.grid-summary .column.float[data-v-85d2d498],.grid-summary .column.number[data-v-85d2d498]{text-align:right}.grid-summary .column.string[data-v-85d2d498],.grid-summary .column.stringNumber[data-v-85d2d498]{text-align:left}.grid-summary .column.center[data-v-85d2d498]{text-align:center}.grid-summary .column.left[data-v-85d2d498]{text-align:left}.grid-summary .column.left .wrap[data-v-85d2d498]{justify-content:flex-start}.grid-summary .column.right[data-v-85d2d498]{text-align:right}.grid-summary .column.right .wrap[data-v-85d2d498]{justify-content:flex-end}", ""]);
+// Exports
+module.exports = exports;
 
 
 /***/ }),
@@ -11212,6 +11260,21 @@ for (var COLLECTION_NAME in DOMIterables) {
 }
 
 
+/***/ }),
+
+/***/ "de33":
+/***/ (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__("bd50");
+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("542a12f8", content, true, {"sourceMap":false,"shadowMode":false});
+
 /***/ }),
 
 /***/ "dea5":
@@ -11223,29 +11286,6 @@ for (var COLLECTION_NAME in DOMIterables) {
 /* unused harmony reexport * */
 
 
-/***/ }),
-
-/***/ "ded0":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-var ___CSS_LOADER_GET_URL_IMPORT___ = __webpack_require__("1de5");
-var ___CSS_LOADER_URL_IMPORT_0___ = __webpack_require__("f051");
-var ___CSS_LOADER_URL_IMPORT_1___ = __webpack_require__("0924");
-var ___CSS_LOADER_URL_IMPORT_2___ = __webpack_require__("eb91");
-var ___CSS_LOADER_URL_IMPORT_3___ = __webpack_require__("a884");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-var ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);
-var ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);
-var ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);
-var ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);
-// Module
-exports.push([module.i, ".table[data-v-247d3bf0]{position:relative;width:100%;height:100%;padding-top:33px}.table.non-header[data-v-247d3bf0]{padding-top:0}.table .table-header[data-v-247d3bf0]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .table .table-header[data-v-247d3bf0]{border-top:2px solid;border-bottom:1px solid}.table .table-header.non-border[data-v-247d3bf0]{border-bottom:2px solid #7f7f7f!important}.column-list[data-v-247d3bf0]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-247d3bf0],.column-list[data-v-247d3bf0]{position:relative;height:100%}.column[data-v-247d3bf0]{display:inline-flex;padding:0 10px;line-height:30px;justify-content:center;align-items:center;text-align:center;vertical-align:top;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-right:1px solid #cfcfcf}.dark .column[data-v-247d3bf0]{border-right:1px solid}.column[data-v-247d3bf0]:last-child{border-right:0;margin-right:20px}.column:last-child .column-resize[data-v-247d3bf0]{cursor:default!important}.column .sort-icon[data-v-247d3bf0]{display:inline-block;float:right;font-size:14px;line-height:30px}.column .ev-icon-filter[data-v-247d3bf0]{font-size:13px;color:#005cc8}.column.db-icon[data-v-247d3bf0],.column.user-icon[data-v-247d3bf0]{width:42px!important;min-width:42px!important;border-right:0}.column-name[data-v-247d3bf0]{display:inline-block;float:left;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-filter[data-v-247d3bf0]{display:none;position:absolute;right:0;background-color:transparent}.column-filter i[data-v-247d3bf0]{margin-right:2px;font-size:14px;vertical-align:middle}.column:hover .column-filter[data-v-247d3bf0]{display:block;cursor:pointer}.column-filter-status[data-v-247d3bf0]{position:absolute;left:0;background-color:transparent}.column-filter-status .ei[data-v-247d3bf0]{font-size:10px;vertical-align:top}.column-resize[data-v-247d3bf0]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-247d3bf0]:hover{cursor:col-resize}.table-body[data-v-247d3bf0]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-247d3bf0]{clear:both;border-spacing:0;border-collapse:collapse;width:inherit}.table-body.stripe tr[data-v-247d3bf0]:nth-child(2n){background:hsla(0,0%,89.8%,.6)}.table-body.bottom-border[data-v-247d3bf0]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-247d3bf0]{border-bottom:1px solid}.table-body .row[data-v-247d3bf0]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-247d3bf0]{border-bottom:1px solid}.table-body .row.selected[data-v-247d3bf0]{background:rgba(219,240,249,.6)!important;color:inherit!important;font-size:inherit!important}.dark .table-body .row.selected[data-v-247d3bf0]{background:!important;color:inherit!important;font-size:inherit!important}.table-body .row.highlight[data-v-247d3bf0]{background:#5ab7ff;color:#fff}.table-body .cell[data-v-247d3bf0]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-247d3bf0]{border-right:1px solid}.table-body .cell div[data-v-247d3bf0]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-body .cell.row-checkbox[data-v-247d3bf0]{display:inline-flex;justify-content:center;align-items:center}.table-body .cell.render[data-v-247d3bf0]{overflow:initial}.table-body .cell.float[data-v-247d3bf0],.table-body .cell.number[data-v-247d3bf0]{text-align:right}.table-body .cell.string[data-v-247d3bf0],.table-body .cell.stringNumber[data-v-247d3bf0]{text-align:left}.table-body .cell.center[data-v-247d3bf0]{text-align:center}.table-body .cell.left[data-v-247d3bf0]{text-align:left}.table-body .cell.left .wrap[data-v-247d3bf0]{justify-content:flex-start}.table-body .cell.right[data-v-247d3bf0]{text-align:right}.table-body .cell.right .wrap[data-v-247d3bf0]{justify-content:flex-end}.table-body .cell[data-v-247d3bf0]:last-child{border-right:0}.table-body .cell.user-icon[data-v-247d3bf0]{height:auto!important}.table-body .cell.db-icon[data-v-247d3bf0],.table-body .cell.user-icon[data-v-247d3bf0]{width:42px!important;min-width:42px!important;border-right:0}.table-resize-line[data-v-247d3bf0]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-247d3bf0]{border-right:1px solid}.vscroll-spacer[data-v-247d3bf0]{opacity:0;clear:both}[v-cloak][data-v-247d3bf0]{display:none}.ev-checkbox[data-v-247d3bf0]{margin:0}.non-border[data-v-247d3bf0]{border:none!important}.is-empty[data-v-247d3bf0]{height:30px;text-align:center}.postgresql[data-v-247d3bf0]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") no-repeat 50%}.oracle[data-v-247d3bf0]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") no-repeat 50%}.mongodb[data-v-247d3bf0]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") no-repeat 50%}.mysql[data-v-247d3bf0]{background:url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") no-repeat 50%}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "df60":
@@ -26260,39 +26300,39 @@ 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-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=247d3bf0&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-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/Grid.vue?vue&type=template&id=6493e3f4&scoped=true
 
 
 
 
 
-var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-247d3bf0");
+var _withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-6493e3f4");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-247d3bf0");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-6493e3f4");
 
-var Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_1 = {
+var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_2 = {
+var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_2 = {
   key: 0,
   class: "column-filter-status"
 };
-var Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_3 = {
+var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_3 = {
   key: 0
 };
 
-var Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
+var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_4 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", {
   class: "is-empty"
 }, "No records", -1);
 
-var Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_5 = {
+var Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_5 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var Gridvue_type_template_id_6493e3f4_scoped_true_render = /*#__PURE__*/_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _component_toolbar = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("toolbar");
 
   var _component_ev_checkbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-checkbox");
@@ -26303,7 +26343,9 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
 
   var _component_filter_window = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("filter-window");
 
-  var _component_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("pagination");
+  var _component_grid_summary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-summary");
+
+  var _component_grid_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-pagination");
 
   var _directive_resize = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveDirective"])("resize");
 
@@ -26341,7 +26383,7 @@ var Gridvue_type_template_id_247d3bf0_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_247d3bf0_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_1, [_ctx.useCheckbox.use ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
     key: 0,
     class: {
       'column': true,
@@ -26374,7 +26416,7 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
       }
     }, [_ctx.isFiltering && (_ctx$filterList$colum = _ctx.filterList[column.field]) !== null && _ctx$filterList$colum !== void 0 && _ctx$filterList$colum.find(function (item) {
       return item.use;
-    }) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+    }) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
       icon: "ev-icon-filter"
     })])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
       title: column.caption,
@@ -26390,7 +26432,7 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
     })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.sortOrder === 'asc' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
       key: 1,
       icon: "ev-icon-triangle-up"
-    })) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), $setup.isFilterButton(column.field) ? (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_["createCommentVNode"])("", true)], 64)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.isFiltering ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 2,
       class: "column-filter",
       onClickCapture: function onClickCapture($event) {
@@ -26431,7 +26473,7 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
       "data-index": row[0],
       class: {
         row: true,
-        selected: row[2] === _ctx.selectedRow,
+        selected: row[3],
         'non-border': !!$setup.borderStyle && $setup.borderStyle !== 'rows',
         highlight: row[0] === $setup.highlightIdx
       },
@@ -26484,16 +26526,16 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
         }
       }) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
         key: 1,
-        title: $setup.getConvertValue(column.type, row[2][column.index])
-      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getConvertValue(column.type, row[2][column.index])), 9, ["title"]))], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+        title: $setup.getConvertValue(column, row[2][column.index])
+      }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getConvertValue(column, row[2][column.index])), 9, ["title"]))], 14, ["data-name", "data-index"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
     }), 128))], 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_247d3bf0_scoped_true_hoisted_3, [Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_4])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), 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_6493e3f4_scoped_true_hoisted_3, [Gridvue_type_template_id_6493e3f4_scoped_true_hoisted_4])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
     ref: "menu",
     items: _ctx.contextMenuItems
-  }, null, 8, ["items"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", Gridvue_type_template_id_247d3bf0_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_window, {
+  }, 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_6493e3f4_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_filter_window, {
     "is-show": _ctx.showFilterWindow,
     "target-column": _ctx.currentFilter.column,
     "filter-items": _ctx.currentFilter.items,
@@ -26502,8 +26544,18 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
   }, null, 8, ["is-show", "target-column", "filter-items", "onApplyFilter", "onBeforeClose"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showFilterWindow]])], 2)], 16), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
-  }]]), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_pagination, {
+  }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
     key: 1,
+    "ordered-columns": _ctx.orderedColumns,
+    stores: $setup.stores,
+    "use-checkbox": _ctx.useCheckbox.use,
+    "style-option": {
+      borderStyle: $setup.borderStyle,
+      minWidth: _ctx.minWidth,
+      rowHeight: _ctx.rowHeight
+    }
+  }, null, 8, ["ordered-columns", "stores", "use-checkbox", "style-option"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), _ctx.usePage && !_ctx.isInfinite ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_pagination, {
+    key: 2,
     modelValue: _ctx.currentPage,
     "onUpdate:modelValue": _cache[5] || (_cache[5] = function ($event) {
       return _ctx.currentPage = $event;
@@ -26515,7 +26567,7 @@ var Gridvue_type_template_id_247d3bf0_scoped_true_render = /*#__PURE__*/_withId(
     order: _ctx.order
   }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
 });
-// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=247d3bf0&scoped=true
+// CONCATENATED MODULE: ./src/components/grid/Grid.vue?vue&type=template&id=6493e3f4&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-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.toolbar.vue?vue&type=template&id=3c245986
 
@@ -26545,110 +26597,6 @@ var grid_toolbarvue_type_style_index_0_id_3c245986_lang_scss = __webpack_require
 grid_toolbarvue_type_script_lang_js.render = grid_toolbarvue_type_template_id_3c245986_render
 
 /* harmony default export */ var grid_toolbar = (grid_toolbarvue_type_script_lang_js);
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
-
-
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-210f4f6a");
-
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-210f4f6a");
-
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1 = {
-  class: "grid-pagination"
-};
-
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
-
-var grid_paginationvue_type_template_id_210f4f6a_scoped_true_render = /*#__PURE__*/grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
-  var _component_ev_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-pagination");
-
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_pagination, {
-    modelValue: $setup.currentValue,
-    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
-      return $setup.currentValue = $event;
-    }),
-    total: $props.total,
-    "per-page": $props.perPage,
-    "visible-page": $props.visiblePage,
-    "show-page-info": $props.showPageInfo,
-    order: $props.order,
-    onChange: $setup.changePage
-  }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order", "onChange"])]);
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
-
-// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
-
-
-
-/* harmony default export */ var grid_paginationvue_type_script_lang_js = ({
-  name: 'EvGridPagination',
-  props: {
-    total: {
-      type: [Number, String],
-      default: 0
-    },
-    visiblePage: {
-      type: [Number, String],
-      default: 8
-    },
-    perPage: {
-      type: [Number, String],
-      default: 20
-    },
-    modelValue: {
-      type: [Number, String],
-      default: 1
-    },
-    showPageInfo: {
-      type: Boolean,
-      default: false
-    },
-    order: {
-      type: String,
-      default: 'left',
-      validator: function validator(val) {
-        return ['left', 'right', 'center'].includes(val);
-      }
-    }
-  },
-  emits: {
-    'update:modelValue': null
-  },
-  setup: function setup(props, _ref) {
-    var emit = _ref.emit;
-    var currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
-
-    var changePage = function changePage(page) {
-      currentValue.value = page > 0 ? page : 1;
-      emit('update:modelValue', currentValue.value);
-    };
-
-    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return props.modelValue;
-    }, function (value) {
-      currentValue.value = value;
-    });
-    return {
-      currentValue: currentValue,
-      changePage: changePage
-    };
-  }
-});
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
- 
-// EXTERNAL MODULE: ./src/components/grid/grid.pagination.vue?vue&type=style&index=0&id=210f4f6a&lang=scss&scoped=true
-var grid_paginationvue_type_style_index_0_id_210f4f6a_lang_scss_scoped_true = __webpack_require__("5e0f");
-
-// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue
-
-
-
-
-
-grid_paginationvue_type_script_lang_js.render = grid_paginationvue_type_template_id_210f4f6a_scoped_true_render
-grid_paginationvue_type_script_lang_js.__scopeId = "data-v-210f4f6a"
-
-/* harmony default export */ var grid_pagination = (grid_paginationvue_type_script_lang_js);
 // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.filter.window.vue?vue&type=template&id=138f0008&scoped=true
 
 
@@ -27171,6 +27119,360 @@ grid_filter_windowvue_type_script_lang_js.render = grid_filter_windowvue_type_te
 grid_filter_windowvue_type_script_lang_js.__scopeId = "data-v-138f0008"
 
 /* harmony default export */ var grid_filter_window = (grid_filter_windowvue_type_script_lang_js);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
+
+
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-210f4f6a");
+
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-210f4f6a");
+
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1 = {
+  class: "grid-pagination"
+};
+
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
+
+var grid_paginationvue_type_template_id_210f4f6a_scoped_true_render = /*#__PURE__*/grid_paginationvue_type_template_id_210f4f6a_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+  var _component_ev_pagination = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-pagination");
+
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", grid_paginationvue_type_template_id_210f4f6a_scoped_true_hoisted_1, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_pagination, {
+    modelValue: $setup.currentValue,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = function ($event) {
+      return $setup.currentValue = $event;
+    }),
+    total: $props.total,
+    "per-page": $props.perPage,
+    "visible-page": $props.visiblePage,
+    "show-page-info": $props.showPageInfo,
+    order: $props.order,
+    onChange: $setup.changePage
+  }, null, 8, ["modelValue", "total", "per-page", "visible-page", "show-page-info", "order", "onChange"])]);
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=template&id=210f4f6a&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
+
+
+
+/* harmony default export */ var grid_paginationvue_type_script_lang_js = ({
+  name: 'EvGridPagination',
+  props: {
+    total: {
+      type: [Number, String],
+      default: 0
+    },
+    visiblePage: {
+      type: [Number, String],
+      default: 8
+    },
+    perPage: {
+      type: [Number, String],
+      default: 20
+    },
+    modelValue: {
+      type: [Number, String],
+      default: 1
+    },
+    showPageInfo: {
+      type: Boolean,
+      default: false
+    },
+    order: {
+      type: String,
+      default: 'left',
+      validator: function validator(val) {
+        return ['left', 'right', 'center'].includes(val);
+      }
+    }
+  },
+  emits: {
+    'update:modelValue': null
+  },
+  setup: function setup(props, _ref) {
+    var emit = _ref.emit;
+    var currentValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(props.modelValue);
+
+    var changePage = function changePage(page) {
+      currentValue.value = page > 0 ? page : 1;
+      emit('update:modelValue', currentValue.value);
+    };
+
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return props.modelValue;
+    }, function (value) {
+      currentValue.value = value;
+    });
+    return {
+      currentValue: currentValue,
+      changePage: changePage
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.pagination.vue?vue&type=style&index=0&id=210f4f6a&lang=scss&scoped=true
+var grid_paginationvue_type_style_index_0_id_210f4f6a_lang_scss_scoped_true = __webpack_require__("5e0f");
+
+// CONCATENATED MODULE: ./src/components/grid/grid.pagination.vue
+
+
+
+
+
+grid_paginationvue_type_script_lang_js.render = grid_paginationvue_type_template_id_210f4f6a_scoped_true_render
+grid_paginationvue_type_script_lang_js.__scopeId = "data-v-210f4f6a"
+
+/* harmony default export */ var grid_pagination = (grid_paginationvue_type_script_lang_js);
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/vue-loader-v16/dist/templateLoader.js??ref--6!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.summary.vue?vue&type=template&id=85d2d498&scoped=true
+
+
+
+var grid_summaryvue_type_template_id_85d2d498_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-85d2d498");
+
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-85d2d498");
+
+var grid_summaryvue_type_template_id_85d2d498_scoped_true_hoisted_1 = {
+  class: "column-list"
+};
+
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
+
+var grid_summaryvue_type_template_id_85d2d498_scoped_true_render = /*#__PURE__*/grid_summaryvue_type_template_id_85d2d498_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", {
+    class: {
+      'grid-summary': true,
+      'non-border': $setup.styleInfo.borderStyle === 'none'
+    }
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", grid_summaryvue_type_template_id_85d2d498_scoped_true_hoisted_1, [$setup.showCheckbox ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+    key: 0,
+    class: {
+      'column': true,
+      'non-border': !!$setup.styleInfo.borderStyle
+    },
+    style: {
+      'width': "".concat($setup.styleInfo.minWidth, "px"),
+      'line-height': "".concat($setup.styleInfo.rowHeight, "px")
+    }
+  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("span", {
+    style: {
+      'height': "".concat($setup.styleInfo.rowHeight, "px")
+    }
+  }, null, 4)], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true), (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])($setup.columns, function (column, index) {
+    var _class;
+
+    return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: "summary_".concat(index)
+    }, [!column.hide ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
+      key: 0,
+      class: (_class = {
+        column: true,
+        'non-border': !!$setup.styleInfo.borderStyle
+      }, _defineProperty(_class, column.type, column.type), _defineProperty(_class, column.align, column.align), _class),
+      style: {
+        width: "".concat(column.width, "px"),
+        'min-width': "".concat($setup.styleInfo.minWidth, "px"),
+        'line-height': "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, [column.summaryType || column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 0,
+      style: {
+        width: '100%',
+        height: "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, [column.summaryRenderer ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: 0
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryRenderer(column)), 1)], 64)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], {
+      key: 1
+    }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createTextVNode"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.getSummaryValue(column, column.summaryType)), 1)], 64))], 4)) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+      key: 1,
+      style: {
+        'height': "".concat($setup.styleInfo.rowHeight, "px")
+      }
+    }, null, 4))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 64);
+  }), 128))])], 2);
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=template&id=85d2d498&scoped=true
+
+// CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader-v16/dist??ref--0-1!./src/components/grid/grid.summary.vue?vue&type=script&lang=js
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/* harmony default export */ var grid_summaryvue_type_script_lang_js = ({
+  name: 'EvGridSummary',
+  props: {
+    stores: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    orderedColumns: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    },
+    useCheckbox: {
+      type: Boolean,
+      default: false
+    },
+    styleOption: {
+      type: Object,
+      default: function _default() {
+        return {};
+      }
+    }
+  },
+  setup: function setup(props) {
+    var ROW_DATA_INDEX = 2;
+    var stores = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.stores;
+    });
+    var columns = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.orderedColumns;
+    });
+    var showCheckbox = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.useCheckbox;
+    });
+    var styleInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      return props.styleOption;
+    });
+
+    var getConvertValue = function getConvertValue(column, value) {
+      var convertValue = value;
+
+      if (column.type === 'number') {
+        convertValue = numberWithComma(value);
+        convertValue = convertValue === false ? value : convertValue;
+      } else if (column.type === 'float') {
+        var _column$decimal;
+
+        convertValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
+      }
+
+      return convertValue;
+    };
+
+    var getColumnIndex = function getColumnIndex(field) {
+      return columns.value.findIndex(function (column) {
+        return column.field === field;
+      });
+    };
+
+    var getSummaryValue = function getSummaryValue(column, summaryType) {
+      var result = '';
+      var columnIndex = getColumnIndex(column.field);
+
+      if (columnIndex >= 0) {
+        if (summaryType === 'count') {
+          return stores.value.store.length;
+        }
+
+        if (column.type === 'number' || column.type === 'float') {
+          var columnValues = stores.value.store.map(function (rows) {
+            return rows[ROW_DATA_INDEX][columnIndex];
+          });
+
+          switch (summaryType) {
+            case 'sum':
+              result = columnValues.reduce(function (prev, curr) {
+                var value = Number(curr);
+
+                if (!Number.isNaN(value)) {
+                  return prev + curr;
+                }
+
+                return prev;
+              }, 0);
+              break;
+
+            case 'average':
+              result = columnValues.reduce(function (prev, curr) {
+                var value = Number(curr);
+
+                if (!Number.isNaN(value)) {
+                  return prev + curr;
+                }
+
+                return prev;
+              }, 0) / columnValues.length;
+
+              if (result % 1 !== 0) {
+                result = result.toFixed(1);
+              }
+
+              break;
+
+            case 'max':
+              result = Math.max.apply(Math, _toConsumableArray(columnValues));
+              break;
+
+            case 'min':
+              result = Math.min.apply(Math, _toConsumableArray(columnValues));
+              break;
+
+            default:
+              break;
+          }
+
+          result = getConvertValue(column, result);
+        }
+      }
+
+      return result;
+    };
+
+    var getSummaryRenderer = function getSummaryRenderer(column) {
+      var str = column.summaryRenderer;
+      var summaryData = column.summaryData ? column.summaryData : [];
+      var fields = [column.field].concat(_toConsumableArray(summaryData));
+      var result = str;
+      fields.forEach(function (name, idx) {
+        var columnIndex = getColumnIndex(name);
+
+        if (columnIndex >= 0) {
+          var value = getSummaryValue(stores.value.orderedColumns[columnIndex], column.summaryType);
+          result = result.replace("{".concat(idx, "}"), value);
+        }
+      });
+      return result;
+    };
+
+    return {
+      columns: columns,
+      styleInfo: styleInfo,
+      showCheckbox: showCheckbox,
+      getSummaryValue: getSummaryValue,
+      getSummaryRenderer: getSummaryRenderer
+    };
+  }
+});
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue?vue&type=script&lang=js
+ 
+// EXTERNAL MODULE: ./src/components/grid/grid.summary.vue?vue&type=style&index=0&id=85d2d498&lang=scss&scoped=true
+var grid_summaryvue_type_style_index_0_id_85d2d498_lang_scss_scoped_true = __webpack_require__("7dc3");
+
+// CONCATENATED MODULE: ./src/components/grid/grid.summary.vue
+
+
+
+
+
+grid_summaryvue_type_script_lang_js.render = grid_summaryvue_type_template_id_85d2d498_scoped_true_render
+grid_summaryvue_type_script_lang_js.__scopeId = "data-v-85d2d498"
+
+/* harmony default export */ var grid_summary = (grid_summaryvue_type_script_lang_js);
 // CONCATENATED MODULE: ./node_modules/lodash-es/_baseIsMatch.js
 
 
@@ -28246,9 +28548,10 @@ var uses_this = undefined;
 
 
 
-var uses_ROW_INDEX = 0;
+var ROW_INDEX = 0;
 var uses_ROW_CHECK_INDEX = 1;
 var uses_ROW_DATA_INDEX = 2;
+var uses_ROW_SELECT_INDEX = 3;
 var uses_commonFunctions = function commonFunctions() {
   var _getCurrentInstance = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       props = _getCurrentInstance.props;
@@ -28292,20 +28595,22 @@ var uses_commonFunctions = function commonFunctions() {
   /**
    * 데이터 타입에 따라 변환된 데이터을 반환한다.
    *
-   * @param {string} type - 데이터 유형
+   * @param {object} column - 컬럼 정보
    * @param {number|string} value - 데이터
    * @returns {number|string} 변환된 데이터
    */
 
 
-  var getConvertValue = function getConvertValue(type, value) {
+  var getConvertValue = function getConvertValue(column, value) {
     var convertValue = value;
 
-    if (type === 'number') {
+    if (column.type === 'number') {
       convertValue = numberWithComma(value);
       convertValue = convertValue === false ? value : convertValue;
-    } else if (type === 'float') {
-      convertValue = value.toFixed(3);
+    } else if (column.type === 'float') {
+      var _column$decimal;
+
+      convertValue = convertValue.toFixed((_column$decimal = column.decimal) !== null && _column$decimal !== void 0 ? _column$decimal : 3);
     }
 
     return convertValue;
@@ -28375,7 +28680,7 @@ var scrollEvent = function scrollEvent(params) {
         firstVisibleIndex = 0;
       }
 
-      var lastVisibleIndex = firstVisibleIndex + rowCount;
+      var lastVisibleIndex = firstVisibleIndex + rowCount + 1;
       var firstIndex = Math.max(firstVisibleIndex, 0);
       var lastIndex = lastVisibleIndex;
       stores.viewStore = store.slice(firstIndex, lastIndex);
@@ -28656,7 +28961,7 @@ var uses_clickEvent = function clickEvent(params) {
   var _getCurrentInstance3 = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["getCurrentInstance"])(),
       emit = _getCurrentInstance3.emit;
 
-  var selectInfo = params;
+  var selectInfo = params.selectInfo;
 
   var getClickedRowData = function getClickedRowData(event, row) {
     var tagName = event.target.tagName.toLowerCase();
@@ -28671,7 +28976,7 @@ var uses_clickEvent = function clickEvent(params) {
     return {
       event: event,
       rowData: row[uses_ROW_DATA_INDEX],
-      rowIndex: row[uses_ROW_INDEX],
+      rowIndex: row[ROW_INDEX],
       cellName: cellInfo.name,
       cellIndex: cellInfo.index
     };
@@ -28684,18 +28989,44 @@ var uses_clickEvent = function clickEvent(params) {
    */
 
 
+  var timer = null;
+
   var onRowClick = function onRowClick(event, row) {
     if (event.target && event.target.parentElement && event.target.parentElement.classList.contains('row-checkbox-input')) {
       return false;
     }
 
-    if (selectInfo.useSelect) {
-      var rowData = row[uses_ROW_DATA_INDEX];
-      selectInfo.selectedRow = rowData;
-      emit('update:selected', rowData);
-      emit('click-row', getClickedRowData(event, row));
-    }
+    clearTimeout(timer);
+    timer = setTimeout(function () {
+      if (selectInfo.useSelect) {
+        var rowData = row[uses_ROW_DATA_INDEX];
+
+        if (row[uses_ROW_SELECT_INDEX]) {
+          row[uses_ROW_SELECT_INDEX] = false;
+
+          if (selectInfo.multiple) {
+            if (event.ctrlKey) {
+              selectInfo.selectedRow.splice(selectInfo.selectedRow.indexOf(row[uses_ROW_DATA_INDEX]), 1);
+            } else {
+              selectInfo.selectedRow = [rowData];
+            }
+          } else {
+            selectInfo.selectedRow = [];
+          }
+        } else {
+          row[uses_ROW_SELECT_INDEX] = true;
+
+          if (event.ctrlKey && selectInfo.multiple && (!selectInfo.limitCount || selectInfo.limitCount > selectInfo.selectedRow.length)) {
+            selectInfo.selectedRow.push(rowData);
+          } else {
+            selectInfo.selectedRow = [rowData];
+          }
+        }
 
+        emit('update:selected', selectInfo.selectedRow);
+        emit('click-row', getClickedRowData(event, row));
+      }
+    }, 100);
     return true;
   };
   /**
@@ -28707,9 +29038,7 @@ var uses_clickEvent = function clickEvent(params) {
 
 
   var onRowDblClick = function onRowDblClick(event, row) {
-    var rowData = row[uses_ROW_DATA_INDEX];
-    selectInfo.selectedRow = rowData;
-    emit('update:selected', rowData);
+    clearTimeout(timer);
     emit('dblclick-row', getClickedRowData(event, row));
   };
 
@@ -28759,12 +29088,10 @@ var uses_checkEvent = function checkEvent(params) {
     if (row[uses_ROW_CHECK_INDEX]) {
       if (checkInfo.useCheckbox.mode === 'single') {
         checkInfo.checkedRows = [row[uses_ROW_DATA_INDEX]];
-        checkInfo.checkedIndex.clear();
       } else {
         checkInfo.checkedRows.push(row[uses_ROW_DATA_INDEX]);
       }
 
-      checkInfo.checkedIndex.add(row[uses_ROW_INDEX]);
       var store = stores.store;
 
       if (pageInfo.isClientPaging) {
@@ -28781,10 +29108,8 @@ var uses_checkEvent = function checkEvent(params) {
     } else {
       if (checkInfo.useCheckbox.mode === 'single') {
         checkInfo.checkedRows = [];
-        checkInfo.checkedIndex.clear();
       } else {
         checkInfo.checkedRows.splice(checkInfo.checkedRows.indexOf(row[uses_ROW_DATA_INDEX]), 1);
-        checkInfo.checkedIndex.delete(row[uses_ROW_INDEX]);
       }
 
       checkInfo.isHeaderChecked = false;
@@ -28792,7 +29117,7 @@ var uses_checkEvent = function checkEvent(params) {
 
     checkInfo.prevCheckedRow = row.slice();
     emit('update:checked', checkInfo.checkedRows);
-    emit('check-row', event, row[uses_ROW_INDEX], row[uses_ROW_DATA_INDEX]);
+    emit('check-row', event, row[ROW_INDEX], row[uses_ROW_DATA_INDEX]);
   };
   /**
    * all checkbox click 이벤트를 처리한다.
@@ -28814,13 +29139,8 @@ var uses_checkEvent = function checkEvent(params) {
         if (!checkInfo.checkedRows.includes(row[uses_ROW_DATA_INDEX])) {
           checkInfo.checkedRows.push(row[uses_ROW_DATA_INDEX]);
         }
-
-        if (!checkInfo.checkedIndex.has(row[uses_ROW_INDEX])) {
-          checkInfo.checkedIndex.add(row[uses_ROW_INDEX]);
-        }
       } else {
         checkInfo.checkedRows.splice(checkInfo.checkedRows.indexOf(row[uses_ROW_DATA_INDEX]), 1);
-        checkInfo.checkedIndex.delete(row[uses_ROW_INDEX]);
       }
 
       row[uses_ROW_CHECK_INDEX] = isHeaderChecked;
@@ -28899,8 +29219,8 @@ var uses_sortEvent = function sortEvent(params) {
 
     if (sortInfo.sortOrder === 'init' || !sortInfo.sortField && !sortInfo.isSorting) {
       stores.store.sort(function (a, b) {
-        if (typeof a[uses_ROW_INDEX] === 'number') {
-          return setAsc(a[uses_ROW_INDEX], b[uses_ROW_INDEX]);
+        if (typeof a[ROW_INDEX] === 'number') {
+          return setAsc(a[ROW_INDEX], b[ROW_INDEX]);
         }
 
         return 0;
@@ -29179,7 +29499,7 @@ var uses_filterEvent = function filterEvent(params) {
           for (var ix = 0; ix < stores.orderedColumns.length; ix++) {
             var column = stores.orderedColumns[ix] || {};
             var columnValue = row[uses_ROW_DATA_INDEX][ix];
-            var columnType = column.type || 'string';
+            column.type = column.type || 'string';
 
             if (columnValue) {
               if (_typeof(columnValue) === 'object') {
@@ -29187,7 +29507,7 @@ var uses_filterEvent = function filterEvent(params) {
               }
 
               if (!column.hide && ((column === null || column === void 0 ? void 0 : column.searchable) === undefined || column !== null && column !== void 0 && column.searchable)) {
-                columnValue = getConvertValue(columnType, columnValue).toString();
+                columnValue = getConvertValue(column, columnValue).toString();
                 isShow = columnValue.toLowerCase().includes(searchWord.toString().toLowerCase());
 
                 if (isShow) {
@@ -29336,41 +29656,33 @@ var uses_storeEvent = function storeEvent(params) {
   /**
    * 전달된 데이터를 내부 store 및 속성에 저장한다.
    *
-   * @param {array} value - row 데이터
+   * @param {array} rows - row 데이터
    * @param {boolean} isMakeIndex - 인덱스 생성 유무
    */
 
-  var setStore = function setStore(value) {
+  var setStore = function setStore(rows) {
     var _elementInfo$body2;
 
     var isMakeIndex = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
-    var store = [];
-    var checked;
-    var selected = false;
 
     if (isMakeIndex) {
+      var store = [];
       var hasUnChecked = false;
+      rows.forEach(function (row, idx) {
+        var checked = props.checked.includes(row);
+        var selected = false;
 
-      for (var ix = 0; ix < value.length; ix++) {
-        checked = props.checked.includes(value[ix]);
+        if (selectInfo.useSelect) {
+          selected = props.selected.includes(row);
+        }
 
         if (!checked) {
           hasUnChecked = true;
         }
 
-        if (!selected && lodash_es_isEqual(selectInfo.selectedRow, value[ix])) {
-          selectInfo.selectedRow = value[ix];
-          selected = true;
-        }
-
-        store.push([ix, checked, value[ix]]);
-      }
-
-      if (!selected) {
-        selectInfo.selectedRow = [];
-      }
-
-      checkInfo.isHeaderChecked = value.length > 0 ? !hasUnChecked : false;
+        store.push([idx, checked, row, selected]);
+      });
+      checkInfo.isHeaderChecked = rows.length > 0 ? !hasUnChecked : false;
       stores.originStore = store;
     }
 
@@ -29481,14 +29793,13 @@ var uses_pagingEvent = function pagingEvent(params) {
 
 
 
-
-
 /* harmony default export */ var Gridvue_type_script_lang_js = ({
   name: 'EvGrid',
   components: {
     Toolbar: grid_toolbar,
-    Pagination: grid_pagination,
-    FilterWindow: grid_filter_window
+    FilterWindow: grid_filter_window,
+    GridPagination: grid_pagination,
+    GridSummary: grid_summary
   },
   props: {
     columns: {
@@ -29542,9 +29853,10 @@ var uses_pagingEvent = function pagingEvent(params) {
   setup: function setup(props) {
     var _props$option$page2;
 
-    var ROW_INDEX = 0;
+    // const ROW_INDEX = 0;
     var ROW_CHECK_INDEX = 1;
     var ROW_DATA_INDEX = 2;
+    var ROW_SELECT_INDEX = 3;
 
     var _commonFunctions = uses_commonFunctions(),
         isRenderer = _commonFunctions.isRenderer,
@@ -29554,7 +29866,14 @@ var uses_pagingEvent = function pagingEvent(params) {
         setPixelUnit = _commonFunctions.setPixelUnit;
 
     var showHeader = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      return props.option.showHeader === undefined ? true : props.option.showHeader;
+      var _props$option$showHea;
+
+      return (_props$option$showHea = props.option.showHeader) !== null && _props$option$showHea !== void 0 ? _props$option$showHea : true;
+    });
+    var useSummary = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var _props$option;
+
+      return ((_props$option = props.option) === null || _props$option === void 0 ? void 0 : _props$option.useSummary) || false;
     });
     var stripeStyle = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
       var _props$option$style;
@@ -29567,9 +29886,9 @@ var uses_pagingEvent = function pagingEvent(params) {
       return ((_props$option$style2 = props.option.style) === null || _props$option$style2 === void 0 ? void 0 : _props$option$style2.border) || '';
     });
     var highlightIdx = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-      var _props$option$style3;
+      var _props$option$style$h, _props$option$style3;
 
-      return ((_props$option$style3 = props.option.style) === null || _props$option$style3 === void 0 ? void 0 : _props$option$style3.highlight) || -1;
+      return (_props$option$style$h = (_props$option$style3 = props.option.style) === null || _props$option$style3 === void 0 ? void 0 : _props$option$style3.highlight) !== null && _props$option$style$h !== void 0 ? _props$option$style$h : -1;
     });
     var rowMinHeight = props.option.rowMinHeight || 35;
     var elementInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -29581,7 +29900,9 @@ var uses_pagingEvent = function pagingEvent(params) {
     var filterInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       filterList: {},
       isFiltering: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
-        return props.option.useFilter === undefined ? true : props.option.useFilter;
+        var _props$option$useFilt;
+
+        return (_props$option$useFilt = props.option.useFilter) !== null && _props$option$useFilt !== void 0 ? _props$option$useFilt : false;
       }),
       setFiltering: false,
       showFilterWindow: false,
@@ -29651,13 +29972,14 @@ var uses_pagingEvent = function pagingEvent(params) {
       }),
       isClientPaging: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return pageInfo.useClient && pageInfo.usePage && !pageInfo.isInfinite;
-      })
+      }),
+      isHighlight: false,
+      highlightPage: 0
     });
     var checkInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       prevCheckedRow: [],
       isHeaderChecked: false,
       checkedRows: props.checked,
-      checkedIndex: new Set(),
       useCheckbox: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
         return props.option.useCheckbox || {};
       })
@@ -29672,8 +29994,24 @@ var uses_pagingEvent = function pagingEvent(params) {
       hasVerticalScrollBar: false
     });
     var selectInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
-      useSelect: props.option.useSelect === undefined ? true : props.option.useSelect,
-      selectedRow: props.selected
+      selectedRow: props.selected,
+      useSelect: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        var _props$option$useSele, _props$option2, _props$option2$useSel;
+
+        return (_props$option$useSele = (_props$option2 = props.option) === null || _props$option2 === void 0 ? void 0 : (_props$option2$useSel = _props$option2.useSelection) === null || _props$option2$useSel === void 0 ? void 0 : _props$option2$useSel.use) !== null && _props$option$useSele !== void 0 ? _props$option$useSele : true;
+      }),
+      limitCount: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        var _props$option3, _props$option3$useSel;
+
+        var limit = (_props$option3 = props.option) === null || _props$option3 === void 0 ? void 0 : (_props$option3$useSel = _props$option3.useSelection) === null || _props$option3$useSel === void 0 ? void 0 : _props$option3$useSel.limitCount;
+        limit = !!limit && limit >= 2 ? limit : 0;
+        return limit;
+      }),
+      multiple: Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+        var _props$option$useSele2, _props$option4, _props$option4$useSel;
+
+        return (_props$option$useSele2 = (_props$option4 = props.option) === null || _props$option4 === void 0 ? void 0 : (_props$option4$useSel = _props$option4.useSelection) === null || _props$option4$useSel === void 0 ? void 0 : _props$option4$useSel.multiple) !== null && _props$option$useSele2 !== void 0 ? _props$option$useSele2 : false;
+      })
     });
     var sortInfo = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
       isSorting: false,
@@ -29708,13 +30046,19 @@ var uses_pagingEvent = function pagingEvent(params) {
 
     var clearCheckInfo = function clearCheckInfo() {
       checkInfo.checkedRows = [];
-      checkInfo.checkedIndex.clear();
       checkInfo.isHeaderChecked = false;
       stores.store.forEach(function (row) {
         row[ROW_CHECK_INDEX] = false;
       });
     };
 
+    var clearSelectInfo = function clearSelectInfo() {
+      selectInfo.selectedRow = [];
+      stores.store.forEach(function (row) {
+        row[ROW_SELECT_INDEX] = false;
+      });
+    };
+
     var _pagingEvent = uses_pagingEvent({
       stores: stores,
       pageInfo: pageInfo,
@@ -29740,7 +30084,9 @@ var uses_pagingEvent = function pagingEvent(params) {
         updateHScroll = _scrollEvent.updateHScroll,
         onScroll = _scrollEvent.onScroll;
 
-    var _clickEvent = uses_clickEvent(selectInfo),
+    var _clickEvent = uses_clickEvent({
+      selectInfo: selectInfo
+    }),
         onRowClick = _clickEvent.onRowClick,
         onRowDblClick = _clickEvent.onRowDblClick;
 
@@ -29871,7 +30217,6 @@ var uses_pagingEvent = function pagingEvent(params) {
     }, function (checkedList) {
       checkInfo.checkedRows = checkedList;
       checkInfo.isHeaderChecked = false;
-      checkInfo.checkedIndex.clear();
       var store = stores.store;
 
       if (pageInfo.isClientPaging) {
@@ -29881,10 +30226,6 @@ var uses_pagingEvent = function pagingEvent(params) {
       if (store.length) {
         store.forEach(function (row) {
           row[ROW_CHECK_INDEX] = checkedList.includes(row[ROW_DATA_INDEX]);
-
-          if (row[ROW_CHECK_INDEX]) {
-            checkInfo.checkedIndex.add(row[ROW_INDEX]);
-          }
         });
         checkInfo.isHeaderChecked = checkedList.length === store.length;
       }
@@ -29893,14 +30234,78 @@ var uses_pagingEvent = function pagingEvent(params) {
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.selected;
-    }, function (value) {
-      selectInfo.selectedRow = value;
+    }, function (selectedList) {
+      if (selectInfo.useSelect) {
+        selectInfo.selectedRow = selectedList;
+        stores.store.forEach(function (row) {
+          row[ROW_SELECT_INDEX] = selectInfo.selectedRow.includes(row[ROW_DATA_INDEX]);
+        });
+        updateVScroll();
+      }
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return highlightIdx.value;
+    }, /*#__PURE__*/function () {
+      var _ref = _asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee(index) {
+        return regeneratorRuntime.wrap(function _callee$(_context) {
+          while (1) {
+            switch (_context.prev = _context.next) {
+              case 0:
+                _context.next = 2;
+                return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])();
+
+              case 2:
+                if (!(index >= 0)) {
+                  _context.next = 10;
+                  break;
+                }
+
+                if (!(pageInfo.usePage && !pageInfo.isInfinite)) {
+                  _context.next = 9;
+                  break;
+                }
+
+                pageInfo.highlightPage = Math.ceil(index / pageInfo.perPage) || 1;
+
+                if (!(pageInfo.highlightPage !== pageInfo.currentPage)) {
+                  _context.next = 9;
+                  break;
+                }
+
+                pageInfo.currentPage = pageInfo.highlightPage;
+                pageInfo.isHighlight = true;
+                return _context.abrupt("return");
+
+              case 9:
+                elementInfo.body.scrollTop = resizeInfo.rowHeight * highlightIdx.value;
+
+              case 10:
+              case "end":
+                return _context.stop();
+            }
+          }
+        }, _callee);
+      }));
+
+      return function (_x) {
+        return _ref.apply(this, arguments);
+      };
+    }());
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return checkInfo.useCheckbox.mode;
     }, function () {
       clearCheckInfo();
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return selectInfo.useSelect;
+    }, function () {
+      clearSelectInfo();
+    });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      return selectInfo.multiple;
+    }, function () {
+      clearSelectInfo();
+    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return props.checked.length;
     }, function (checkedSize) {
@@ -29942,16 +30347,12 @@ var uses_pagingEvent = function pagingEvent(params) {
 
         if (pageInfo.isClientPaging) {
           clearCheckInfo();
+          clearSelectInfo();
         }
       }
     }, {
       immediate: true
     });
-
-    var isFilterButton = function isFilterButton(field) {
-      return filterInfo.isFiltering && field !== 'db-icon' && field !== 'user-icon';
-    };
-
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       var _props$option$page9;
 
@@ -29965,23 +30366,31 @@ var uses_pagingEvent = function pagingEvent(params) {
       immediate: true
     });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
-      return [pageInfo.currentPage, pageInfo.perPage];
-    }, function (currentVal, beforeVal) {
+      return pageInfo.currentPage;
+    }, function (current, before) {
       Object(external_commonjs_vue_commonjs2_vue_root_Vue_["nextTick"])(function () {
-        changePage(beforeVal[0]);
+        changePage(before);
 
-        if (pageInfo.isClientPaging && currentVal[0] !== beforeVal[0]) {
+        if (pageInfo.isClientPaging && current !== before) {
           clearCheckInfo();
+          clearSelectInfo();
         }
 
         updateVScroll();
+
+        if (current === pageInfo.highlightPage && pageInfo.isHighlight) {
+          elementInfo.body.scrollTop = resizeInfo.rowHeight * highlightIdx.value;
+          pageInfo.isHighlight = !pageInfo.isHighlight;
+        }
       });
     });
     return _objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2(_objectSpread2({
       showHeader: showHeader,
       stripeStyle: stripeStyle,
       borderStyle: borderStyle,
-      highlightIdx: highlightIdx
+      highlightIdx: highlightIdx,
+      useSummary: useSummary,
+      stores: stores
     }, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(elementInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(stores)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(filterInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(scrollInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(pageInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(resizeInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(selectInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(checkInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(sortInfo)), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toRefs"])(contextInfo)), {}, {
       isRenderer: isRenderer,
       getComponentName: getComponentName,
@@ -30008,15 +30417,14 @@ var uses_pagingEvent = function pagingEvent(params) {
       setStore: setStore,
       setContextMenu: setContextMenu,
       onContextMenu: onContextMenu,
-      onSearch: onSearch,
-      isFilterButton: isFilterButton
+      onSearch: onSearch
     });
   }
 });
 // 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=247d3bf0&lang=scss&scoped=true
-var Gridvue_type_style_index_0_id_247d3bf0_lang_scss_scoped_true = __webpack_require__("bf21");
+// EXTERNAL MODULE: ./src/components/grid/Grid.vue?vue&type=style&index=0&id=6493e3f4&lang=scss&scoped=true
+var Gridvue_type_style_index_0_id_6493e3f4_lang_scss_scoped_true = __webpack_require__("67bd");
 
 // CONCATENATED MODULE: ./src/components/grid/Grid.vue
 
@@ -30024,8 +30432,8 @@ var Gridvue_type_style_index_0_id_247d3bf0_lang_scss_scoped_true = __webpack_req
 
 
 
-Gridvue_type_script_lang_js.render = Gridvue_type_template_id_247d3bf0_scoped_true_render
-Gridvue_type_script_lang_js.__scopeId = "data-v-247d3bf0"
+Gridvue_type_script_lang_js.render = Gridvue_type_template_id_6493e3f4_scoped_true_render
+Gridvue_type_script_lang_js.__scopeId = "data-v-6493e3f4"
 
 /* harmony default export */ var Grid = (Gridvue_type_script_lang_js);
 // CONCATENATED MODULE: ./src/components/grid/index.js
@@ -32433,7 +32841,7 @@ var modules = {
 
     if (!opt.startToZero || targetMin > 0) {
       var targetSpace = space ? space - 1 : targetMax - targetMin;
-      var targetStep = targetInterval || Math.ceil((max - targetMin) / targetSpace);
+      var targetStep = Math.ceil((max - targetMin) / targetSpace);
       targetMin = targetMin < targetStep ? 0 : targetMin - targetStep;
     }
 
@@ -34396,17 +34804,32 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
         return item;
       }, this.data[0]);
 
-      var getOpacity = function getOpacity(colorStr) {
+      var getOpacity = function getOpacity(colorStr, dataIndex) {
         var noneDownplayOpacity = colorStr.includes('rgba') ? helpers_util.getOpacity(colorStr) : 1;
-        return _this2.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+        var resultOpacity = noneDownplayOpacity;
+        var selectInfo = param.selectInfo;
+
+        if (selectInfo) {
+          var isSelectedData = (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.seriesID) === _this2.sId && (selectInfo === null || selectInfo === void 0 ? void 0 : selectInfo.dataIndex) === dataIndex;
+
+          if (isSelectedData) {
+            resultOpacity = noneDownplayOpacity;
+          } else {
+            resultOpacity = 0.1;
+          }
+        } else {
+          resultOpacity = _this2.state === 'downplay' ? 0.1 : noneDownplayOpacity;
+        }
+
+        return resultOpacity;
       };
 
-      this.data.forEach(function (curr) {
+      this.data.forEach(function (curr, idx) {
         if (curr.xp !== null && curr.yp !== null) {
           var color = curr.dataColor || _this2.color;
-          ctx.strokeStyle = helpers_util.colorStringToRgba(color, getOpacity(color));
+          ctx.strokeStyle = helpers_util.colorStringToRgba(color, getOpacity(color, idx));
           var pointFillColor = curr.dataColor || _this2.pointFill;
-          ctx.fillStyle = helpers_util.colorStringToRgba(pointFillColor, getOpacity(pointFillColor));
+          ctx.fillStyle = helpers_util.colorStringToRgba(pointFillColor, getOpacity(pointFillColor, idx));
           helpers_canvas.drawPoint(ctx, _this2.pointStyle, _this2.pointSize, curr.xp, curr.yp);
         }
       });
@@ -34480,18 +34903,20 @@ var element_scatter_Scatter = /*#__PURE__*/function () {
       var item = {
         data: null,
         hit: false,
-        color: this.color
+        color: this.color,
+        index: null
       };
       var pointSize = this.pointSize;
       var gdata = this.data;
-      var foundItem = gdata.find(function (data) {
+      var targetIndex = gdata.findIndex(function (data) {
         var x = data.xp;
         var y = data.yp;
         return x - pointSize <= xp && xp <= x + pointSize && y - pointSize <= yp && yp <= y + pointSize;
       });
 
-      if (foundItem) {
-        item.data = foundItem;
+      if (targetIndex > -1) {
+        item.data = gdata[targetIndex];
+        item.index = targetIndex;
         item.hit = true;
       }
 
@@ -35696,7 +36121,7 @@ var element_heatmap_HeatMap = /*#__PURE__*/function () {
       var yArea = chartRect.chartHeight - (labelOffset.top + labelOffset.bottom);
       var xsp = chartRect.x1 + labelOffset.left;
       var ysp = chartRect.y2 - labelOffset.bottom;
-      this.size.w = Math.ceil(xArea / (this.spaces.x || minmaxX.graphMax - minmaxX.graphMin));
+      this.size.w = Math.floor(xArea / (this.spaces.x || minmaxX.graphMax - minmaxX.graphMin));
       this.size.h = Math.floor(yArea / (this.spaces.y || minmaxY.graphMax - minmaxY.graphMin));
       this.data.forEach(function (item) {
         item.xp = helpers_canvas.calculateX(item.x, minmaxX.graphMin, minmaxX.graphMax, xArea, xsp);
@@ -36182,7 +36607,14 @@ var scale_Scale = /*#__PURE__*/function () {
           linePosition = labelCenter + aliasPixel;
           labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
           var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && (_selectLabelInfo$data2 = selectLabelInfo.dataIndex) !== null && _selectLabelInfo$data2 !== void 0 && _selectLabelInfo$data2.includes(ix));
-          ctx.fillStyle = helpers_util.colorStringToRgba(this.labelStyle.color, isBlurredLabel ? 0.1 : 1);
+          var labelColor = this.labelStyle.color;
+          var defaultOpacity = 1;
+
+          if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
+            defaultOpacity = helpers_util.getOpacity(labelColor);
+          }
+
+          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
           var labelPoint = void 0;
 
           if (this.type === 'x') {
@@ -37189,7 +37621,14 @@ var scale_step_StepScale = /*#__PURE__*/function (_Scale) {
           linePosition = labelCenter + aliasPixel;
           labelText = _this2.getLabelFormat(item, maxWidth);
           var isBlurredLabel = ((_this2$options = _this2.options) === null || _this2$options === void 0 ? void 0 : (_this2$options$select = _this2$options.selectLabel) === null || _this2$options$select === void 0 ? void 0 : _this2$options$select.use) && ((_this2$options2 = _this2.options) === null || _this2$options2 === void 0 ? void 0 : (_this2$options2$selec = _this2$options2.selectLabel) === null || _this2$options2$selec === void 0 ? void 0 : _this2$options2$selec.useLabelOpacity) && _this2.options.horizontal === (_this2.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && (_selectLabelInfo$data2 = selectLabelInfo.dataIndex) !== null && _selectLabelInfo$data2 !== void 0 && _selectLabelInfo$data2.includes(index));
-          ctx.fillStyle = helpers_util.colorStringToRgba(_this2.labelStyle.color, isBlurredLabel ? 0.1 : 1);
+          var labelColor = _this2.labelStyle.color;
+          var defaultOpacity = 1;
+
+          if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
+            defaultOpacity = helpers_util.getOpacity(labelColor);
+          }
+
+          ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
 
           if (_this2.type === 'x') {
             var _this2$options3, _this2$options3$selec, _this2$options4;
@@ -37567,7 +38006,14 @@ var scale_time_category_TimeCategoryScale = /*#__PURE__*/function (_Scale) {
         linePosition = labelCenter + aliasPixel;
         labelText = this.getLabelFormat(Math.min(axisMax, ticks[ix]));
         var isBlurredLabel = ((_this$options = this.options) === null || _this$options === void 0 ? void 0 : (_this$options$selectL = _this$options.selectLabel) === null || _this$options$selectL === void 0 ? void 0 : _this$options$selectL.use) && ((_this$options2 = this.options) === null || _this$options2 === void 0 ? void 0 : (_this$options2$select = _this$options2.selectLabel) === null || _this$options2$select === void 0 ? void 0 : _this$options2$select.useLabelOpacity) && this.options.horizontal === (this.type === 'y') && (selectLabelInfo === null || selectLabelInfo === void 0 ? void 0 : (_selectLabelInfo$data = selectLabelInfo.dataIndex) === null || _selectLabelInfo$data === void 0 ? void 0 : _selectLabelInfo$data.length) && !(selectLabelInfo !== null && selectLabelInfo !== void 0 && (_selectLabelInfo$data2 = selectLabelInfo.dataIndex) !== null && _selectLabelInfo$data2 !== void 0 && _selectLabelInfo$data2.includes(ix));
-        ctx.fillStyle = helpers_util.colorStringToRgba(this.labelStyle.color, isBlurredLabel ? 0.1 : 1);
+        var labelColor = this.labelStyle.color;
+        var defaultOpacity = 1;
+
+        if (helpers_util.getColorStringType(labelColor) === 'RGBA') {
+          defaultOpacity = helpers_util.getOpacity(labelColor);
+        }
+
+        ctx.fillStyle = helpers_util.colorStringToRgba(labelColor, isBlurredLabel ? 0.1 : defaultOpacity);
         var labelPoint = void 0;
 
         if (this.type === 'x') {
@@ -37914,6 +38360,9 @@ var plugins_legend_modules = {
         updateSelTip: {
           update: false,
           keepDomain: false
+        },
+        hitInfo: {
+          sId: targetId
         }
       });
     };
@@ -38677,7 +39126,11 @@ var plugins_interaction_modules = {
         if (tooltip.use) {
           _this.setTooltipLayoutPosition(hitInfo, e);
 
-          _this.drawTooltip(hitInfo, _this.tooltipCtx);
+          if (type === 'scatter') {
+            _this.drawTooltipForScatter(hitInfo, _this.tooltipCtx);
+          } else {
+            _this.drawTooltip(hitInfo, _this.tooltipCtx);
+          }
         }
       } else if (tooltip.use) {
         _this.hideTooltipDOM();
@@ -39282,6 +39735,7 @@ var plugins_interaction_modules = {
 
 
 
+
 var TITLE_HEIGHT = 30;
 var TEXT_HEIGHT = 14;
 var LINE_SPACING = 8;
@@ -39612,19 +40066,8 @@ var plugins_tooltip_modules = {
       textLineCnt += 1;
     }
 
-    ctx.restore(); // set tooltipDOM's style
-
-    this.tooltipDOM.style.overflowY = 'hidden';
-    this.tooltipDOM.style.backgroundColor = opt.backgroundColor;
-    this.tooltipDOM.style.border = "1px solid ".concat(opt.borderColor);
-    this.tooltipDOM.style.color = opt.fontColor;
-
-    if (opt.useShadow) {
-      var shadowColor = "rgba(0, 0, 0, ".concat(opt.shadowOpacity, ")");
-      this.tooltipDOM.style.boxShadow = "2px 2px 2px ".concat(shadowColor);
-    }
-
-    this.tooltipDOM.style.display = 'block';
+    ctx.restore();
+    this.setTooltipDOMStyle(opt);
   },
 
   /**
@@ -39689,15 +40132,184 @@ var plugins_tooltip_modules = {
 
     ctx.textBaseline = 'Bottom';
     ctx.fillText(itemValue, itemX + COLOR_MARGIN, itemY);
-    ctx.closePath(); // set tooltipDOM's style
+    ctx.closePath();
+    this.setTooltipDOMStyle(opt);
+  },
+
+  /**
+   *
+   * @param hitInfo
+   * @param context
+   */
+  drawTooltipForScatter: function drawTooltipForScatter(hitInfo, context) {
+    var ctx = context;
+    var items = hitInfo.items;
+
+    var _hitInfo$maxTip3 = _slicedToArray(hitInfo.maxTip, 2),
+        maxValue = _hitInfo$maxTip3[1];
+
+    var seriesKeys = this.alignSeriesList(Object.keys(items));
+    var boxPadding = {
+      t: 8,
+      b: 8,
+      r: 8,
+      l: 8
+    };
+    var opt = this.options.tooltip;
+    var xAxisOpt = this.options.axesX[0];
+    var x = 2;
+    var y = 2;
+    x += helpers_util.aliasPixel(x);
+    y += helpers_util.aliasPixel(y);
+    ctx.save();
+    ctx.scale(this.pixelRatio, this.pixelRatio);
+
+    if (this.tooltipBodyDOM.style.overflowY === 'auto') {
+      boxPadding.r += SCROLL_WIDTH;
+    }
+
+    x += boxPadding.l;
+    y += boxPadding.t;
+    ctx.font = FONT_STYLE;
+    var seriesList = [];
+    seriesKeys.forEach(function (seriesName) {
+      seriesList.push({
+        data: items[seriesName].data,
+        color: items[seriesName].color,
+        name: items[seriesName].name
+      });
+    });
+
+    if (opt.sortByValue) {
+      seriesList.sort(function (a, b) {
+        var prev = a.data.o;
+        var next = b.data.o;
+
+        if (prev === null || prev === undefined) {
+          prev = a.data.y;
+        }
+
+        if (next === null || next === undefined) {
+          next = b.data.y;
+        }
+
+        return next - prev;
+      });
+    }
 
+    var textLineCnt = 1;
+
+    for (var ix = 0; ix < seriesList.length; ix++) {
+      var gdata = seriesList[ix].data;
+      var color = seriesList[ix].color;
+      var name = seriesList[ix].name;
+      var xValue = gdata.x;
+      var yValue = void 0;
+
+      if (gdata.o === null) {
+        yValue = gdata.y;
+      } else if (!isNaN(gdata.o)) {
+        yValue = gdata.o;
+      }
+
+      var itemX = x + 4;
+      var itemY = y + textLineCnt * TEXT_HEIGHT;
+      itemX += helpers_util.aliasPixel(itemX);
+      itemY += helpers_util.aliasPixel(itemY);
+      ctx.beginPath();
+
+      if (typeof color !== 'string') {
+        ctx.fillStyle = helpers_canvas.createGradient(ctx, false, {
+          x: itemX - 4,
+          y: itemY,
+          w: 12,
+          h: -12
+        }, color);
+      } else {
+        ctx.fillStyle = color;
+      } // 1. Draw series color
+
+
+      ctx.fillRect(itemX - 4, itemY - 12, 12, 12);
+      ctx.fillStyle = opt.fontColor; // 2. Draw series name
+
+      ctx.textBaseline = 'Bottom';
+      var seriesNameSpaceWidth = opt.maxWidth - Math.round(ctx.measureText(maxValue).width) - boxPadding.l - boxPadding.r - COLOR_MARGIN - VALUE_MARGIN;
+      var xPos = itemX + COLOR_MARGIN;
+      var yPos = itemY;
+
+      if (seriesNameSpaceWidth > ctx.measureText(name).width) {
+        // draw normally
+        ctx.fillText(name, xPos, yPos);
+      } else if (opt.textOverflow === 'wrap') {
+        // draw with wrap
+        var line = '';
+        var yPosWithWrap = yPos;
+
+        for (var jx = 0; jx < name.length; jx++) {
+          var char = name[jx];
+          var temp = "".concat(line).concat(char);
+
+          if (ctx.measureText(temp).width > seriesNameSpaceWidth) {
+            ctx.fillText(line, xPos, yPosWithWrap);
+            line = char;
+            textLineCnt += 1;
+            yPosWithWrap += TEXT_HEIGHT;
+          } else {
+            line = temp;
+          }
+        }
+
+        ctx.fillText(line, xPos, yPosWithWrap);
+      } else {
+        // draw with ellipsis
+        var shortSeriesName = helpers_util.truncateLabelWithEllipsis(name, seriesNameSpaceWidth, ctx);
+        ctx.fillText(shortSeriesName, xPos, yPos);
+      }
+
+      ctx.save(); // 3. Draw value
+
+      var formattedTxt = void 0;
+
+      if (opt.formatter) {
+        formattedTxt = opt.formatter({
+          x: xValue,
+          y: yValue,
+          name: name
+        });
+      }
+
+      if (!opt.formatter || typeof formattedTxt !== 'string') {
+        var formattedXValue = xAxisOpt.type === 'time' ? dayjs_min_default()(xValue).format(xAxisOpt.timeFormat) : numberWithComma(xValue);
+        var formattedYValue = numberWithComma(yValue);
+        formattedTxt = "".concat(formattedXValue, ", ").concat(formattedYValue);
+      }
+
+      ctx.textAlign = 'right';
+      ctx.fillText(formattedTxt, this.tooltipDOM.offsetWidth - boxPadding.r, itemY);
+      ctx.restore();
+      ctx.closePath(); // 4. add lineSpacing
+
+      y += LINE_SPACING;
+      textLineCnt += 1;
+    }
+
+    ctx.restore();
+    this.setTooltipDOMStyle(opt);
+  },
+
+  /**
+   * set style properties on tooltip DOM
+   * @param tooltipOptions
+   */
+  setTooltipDOMStyle: function setTooltipDOMStyle(tooltipOptions) {
     this.tooltipDOM.style.overflowY = 'hidden';
-    this.tooltipDOM.style.backgroundColor = opt.backgroundColor;
-    this.tooltipDOM.style.border = "1px solid ".concat(opt.borderColor);
-    this.tooltipDOM.style.color = opt.fontColor;
+    this.tooltipDOM.style.backgroundColor = tooltipOptions.backgroundColor;
+    this.tooltipDOM.style.border = "1px solid ".concat(tooltipOptions.borderColor);
+    this.tooltipDOM.style.color = tooltipOptions.fontColor;
 
-    if (opt.useShadow) {
-      var shadowColor = "rgba(0, 0, 0, ".concat(opt.shadowOpacity, ")");
+    if (tooltipOptions.useShadow) {
+      var shadowColor = "rgba(0, 0, 0, ".concat(tooltipOptions.shadowOpacity, ")");
       this.tooltipDOM.style.boxShadow = "2px 2px 2px ".concat(shadowColor);
     }
 
@@ -40117,36 +40729,41 @@ var element_tip_modules = {
           this.drawTextTip(_objectSpread2({
             opt: selTipOpt,
             tipType: 'sel',
+            seriesOpt: seriesInfo,
             isSamePos: isSamePos
           }, selArgs));
         }
 
         if (selTipOpt.showIndicator) {
           this.drawFixedIndicator(_objectSpread2({
-            opt: selTipOpt
+            opt: selTipOpt,
+            seriesOpt: seriesInfo
           }, selArgs));
         }
       }
 
-      if (tipLocationInfo && tipLocationInfo.label !== null) {
+      if (tipLocationInfo && tipLocationInfo !== null && tipLocationInfo !== void 0 && tipLocationInfo.label && (tipLocationInfo === null || tipLocationInfo === void 0 ? void 0 : tipLocationInfo.label) === 0) {
         this.lastHitInfo = tipLocationInfo;
       }
     }
 
     if (maxTipOpt.use && !isExistSelectedLabel) {
       var maxSID = this.minMax[isHorizontal ? 'x' : 'y'][0].maxSID;
-      maxArgs = this.calculateTipInfo(this.seriesList[maxSID], 'max', null);
+      var _seriesInfo = this.seriesList[maxSID];
+      maxArgs = this.calculateTipInfo(_seriesInfo, 'max', null);
 
       if (maxTipOpt.use && maxArgs) {
         maxArgs.text = numberWithComma(maxArgs.value);
         this.drawTextTip(_objectSpread2({
           opt: maxTipOpt,
-          tipType: 'max'
+          tipType: 'max',
+          seriesOpt: _seriesInfo
         }, maxArgs));
 
         if (maxTipOpt.showIndicator) {
           this.drawFixedIndicator(_objectSpread2({
-            opt: maxTipOpt
+            opt: maxTipOpt,
+            seriesOpt: _seriesInfo
           }, maxArgs));
         }
       }
@@ -40242,6 +40859,8 @@ var element_tip_modules = {
       }
     } else if (type === 'line') {
       dp = helpers_canvas.calculateX(ldata, graphX.graphMin, graphX.graphMax, xArea - size.comboOffset, xsp + size.comboOffset / 2);
+    } else if (type === 'scatter') {
+      dp = helpers_canvas.calculateX(ldata, graphX.graphMin, graphX.graphMax, xArea, xsp);
     }
 
     var sizeObj = {
@@ -40273,8 +40892,18 @@ var element_tip_modules = {
         dp = param.dp,
         type = param.type,
         value = param.value,
-        opt = param.opt;
-    var offset = type === 'bar' ? 0 : 3;
+        opt = param.opt,
+        seriesOpt = param.seriesOpt;
+    var offset = 0;
+
+    if (type === 'line') {
+      offset += 3;
+    } else if (type === 'scatter') {
+      var _seriesOpt$pointSize;
+
+      offset += (_seriesOpt$pointSize = seriesOpt === null || seriesOpt === void 0 ? void 0 : seriesOpt.pointSize) !== null && _seriesOpt$pointSize !== void 0 ? _seriesOpt$pointSize : 0;
+    }
+
     var gp;
 
     if (opt.fixedPosTop) {
@@ -40459,11 +41088,21 @@ var element_tip_modules = {
         opt = param.opt,
         type = param.type,
         tipType = param.tipType,
-        isSamePos = param.isSamePos;
+        isSamePos = param.isSamePos,
+        seriesOpt = param.seriesOpt;
     var arrowSize = 4;
     var maxTipHeight = 20;
     var borderRadius = 4;
-    var offset = type === 'bar' ? 4 : 6;
+    var offset = 1;
+
+    if (type === 'line') {
+      offset += 6;
+    } else if (type === 'scatter') {
+      offset += seriesOpt === null || seriesOpt === void 0 ? void 0 : seriesOpt.pointSize;
+    } else if (type === 'bar') {
+      offset += 4;
+    }
+
     var gp;
     var tdp = dp;
 
@@ -40823,7 +41462,8 @@ var chart_core_EvChart = /*#__PURE__*/function () {
 
       var _this$options2 = this.options,
           maxTip = _this$options2.maxTip,
-          selectLabel = _this$options2.selectLabel;
+          selectLabel = _this$options2.selectLabel,
+          selectItem = _this$options2.selectItem;
       var opt = {
         ctx: this.bufferCtx,
         chartRect: this.chartRect,
@@ -40854,40 +41494,91 @@ var chart_core_EvChart = /*#__PURE__*/function () {
         for (var jx = 0; jx < chartTypeSet.length; jx++) {
           var series = this.seriesList[chartTypeSet[jx]];
 
-          if (chartType === 'line' || chartType === 'scatter' || chartType === 'heatMap') {
-            series.draw(opt);
-          } else if (chartType === 'bar') {
-            var _this$options3 = this.options,
-                thickness = _this$options3.thickness,
-                borderRadius = _this$options3.borderRadius;
-            series.draw(_objectSpread2({
-              thickness: thickness,
-              borderRadius: borderRadius,
-              showSeriesCount: showSeriesCount,
-              showIndex: showIndex
-            }, opt));
-
-            if (series.show) {
-              showIndex++;
-            }
-          } else {
-            var _ref, _this$defaultSelectIt;
+          switch (chartType) {
+            case 'line':
+            case 'heatMap':
+              {
+                series.draw(opt);
+                break;
+              }
 
-            var selectInfo = (_ref = hitInfo !== null && hitInfo !== void 0 ? hitInfo : this.lastHitInfo) !== null && _ref !== void 0 ? _ref : {
-              sId: (_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.seriesID
-            };
+            case 'bar':
+              {
+                var _this$options3 = this.options,
+                    thickness = _this$options3.thickness,
+                    borderRadius = _this$options3.borderRadius;
+                series.draw(_objectSpread2({
+                  thickness: thickness,
+                  borderRadius: borderRadius,
+                  showSeriesCount: showSeriesCount,
+                  showIndex: showIndex
+                }, opt));
+
+                if (series.show) {
+                  showIndex++;
+                }
 
-            if (this.options.sunburst) {
-              this.drawSunburst(selectInfo);
-            } else {
-              this.drawPie(selectInfo);
-            }
+                break;
+              }
 
-            if (this.options.doughnutHoleSize > 0) {
-              this.drawDoughnutHole();
-            }
+            case 'pie':
+              {
+                var _ref, _this$defaultSelectIt;
 
-            break;
+                var selectInfo = (_ref = hitInfo !== null && hitInfo !== void 0 ? hitInfo : this.lastHitInfo) !== null && _ref !== void 0 ? _ref : {
+                  sId: (_this$defaultSelectIt = this.defaultSelectItemInfo) === null || _this$defaultSelectIt === void 0 ? void 0 : _this$defaultSelectIt.seriesID
+                };
+
+                if (this.options.sunburst) {
+                  this.drawSunburst(selectInfo);
+                } else {
+                  this.drawPie(selectInfo);
+                }
+
+                if (this.options.doughnutHoleSize > 0) {
+                  this.drawDoughnutHole();
+                }
+
+                break;
+              }
+
+            case 'scatter':
+              {
+                if (selectItem.use && selectItem.useSeriesOpacity) {
+                  var _this$lastHitInfo, _this$lastHitInfo2, _this$defaultSelectIt2, _this$defaultSelectIt3;
+
+                  if (hitInfo) {
+                    if (hitInfo !== null && hitInfo !== void 0 && hitInfo.maxIndex || (hitInfo === null || hitInfo === void 0 ? void 0 : hitInfo.maxIndex) === 0) {
+                      opt.selectInfo = {
+                        seriesID: hitInfo.sId,
+                        dataIndex: hitInfo.maxIndex
+                      };
+                    } else {
+                      opt.selectInfo = null;
+                    }
+                  } else if ((_this$lastHitInfo = this.lastHitInfo) !== null && _this$lastHitInfo !== void 0 && _this$lastHitInfo.maxIndex || ((_this$lastHitInfo2 = this.lastHitInfo) === null || _this$lastHitInfo2 === void 0 ? void 0 : _this$lastHitInfo2.maxIndex) === 0) {
+                    opt.selectInfo = {
+                      seriesID: this.lastHitInfo.sId,
+                      dataIndex: this.lastHitInfo.maxIndex
+                    };
+                  } else if ((_this$defaultSelectIt2 = this.defaultSelectItemInfo) !== null && _this$defaultSelectIt2 !== void 0 && _this$defaultSelectIt2.dataIndex || ((_this$defaultSelectIt3 = this.defaultSelectItemInfo) === null || _this$defaultSelectIt3 === void 0 ? void 0 : _this$defaultSelectIt3.dataIndex) === 0) {
+                    opt.selectInfo = {
+                      seriesID: this.defaultSelectItemInfo.seriesID,
+                      dataIndex: this.defaultSelectItemInfo.dataIndex
+                    };
+                  } else {
+                    opt.selectInfo = null;
+                  }
+                }
+
+                series.draw(opt);
+                break;
+              }
+
+            default:
+              {
+                break;
+              }
           }
         }
       }
@@ -41345,7 +42036,7 @@ var chart_core_EvChart = /*#__PURE__*/function () {
       this.axesRange = this.getAxesRange();
       this.labelOffset = this.getLabelOffset();
       this.initSelectedLabelInfo();
-      this.render();
+      this.render(updateInfo === null || updateInfo === void 0 ? void 0 : updateInfo.hitInfo);
       var isDragMove = this.dragInfo && this.drawSelectionArea;
 
       if (isDragMove) {
@@ -41601,7 +42292,8 @@ var DEFAULT_OPTIONS = {
     useApproximateValue: false,
     indicatorColor: '#000000',
     tipBackground: '#000000',
-    tipTextColor: '#FFFFFF'
+    tipTextColor: '#FFFFFF',
+    useSeriesOpacity: false
   },
   selectLabel: {
     use: false,