evui 3.4.78 → 3.4.80

package/dist/evui.common.js

@@ -87,6 +87,21 @@ module.exports =
 /************************************************************************/
 /******/ ({
 
+/***/ "0000":
+/***/ (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__("9f09");
+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("4f6bccf6", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "00ee":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -5036,20 +5051,6 @@ function stubFalse() {
 /* harmony default export */ __webpack_exports__["a"] = (stubFalse);
 
 
-/***/ }),
-
-/***/ "30f4":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-tree-grid[data-v-6552780d]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-6552780d]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-6552780d]{display:table}.ev-tree-grid.non-header[data-v-6552780d]{padding-top:0}.ev-tree-grid .table-header[data-v-6552780d]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-6552780d]{border-top:2px solid;border-bottom:1px solid}.ev-tree-grid .row-contextmenu__btn[data-v-6552780d]{display:none;vertical-align:middle}.column-list[data-v-6552780d]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-6552780d],.column-list[data-v-6552780d]{position:relative;height:100%}.column[data-v-6552780d]{display:inline-flex;padding:0 10px;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-6552780d]{border-right:1px solid}.column[data-v-6552780d]:last-child{border-right:0}.column .sort-icon[data-v-6552780d]{display:inline-block;float:right;font-size:14px;line-height:30px}.column.checkbox-all[data-v-6552780d]{padding:0}.column.checkbox-all .ev-checkbox[data-v-6552780d]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.column .column-sort__icon[data-v-6552780d]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-6552780d]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-6552780d]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-6552780d]{visibility:visible}.column-name[data-v-6552780d]{display:inline-block;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-name--click[data-v-6552780d]{cursor:pointer}.column-resize[data-v-6552780d]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-6552780d]:hover{cursor:col-resize}.table-body[data-v-6552780d]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-6552780d]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-6552780d]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-6552780d]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-6552780d]{border-bottom:1px solid}.table-body .row[data-v-6552780d]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-6552780d]{border-bottom:1px solid}.table-body .row.selected[data-v-6552780d]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-6552780d]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-6552780d]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-6552780d]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-6552780d]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-6552780d]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-6552780d]{border-right:1px solid}.table-body .cell.row-checkbox[data-v-6552780d]{padding:0}.table-body .cell.row-checkbox .ev-checkbox[data-v-6552780d]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.table-body .cell.render[data-v-6552780d]{overflow:initial}.table-body .cell.float[data-v-6552780d],.table-body .cell.number[data-v-6552780d]{text-align:right}.table-body .cell.string[data-v-6552780d],.table-body .cell.stringNumber[data-v-6552780d]{text-align:left}.table-body .cell.center[data-v-6552780d]{text-align:center}.table-body .cell.left[data-v-6552780d]{text-align:left}.table-body .cell.left .wrap[data-v-6552780d]{justify-content:flex-start}.table-body .cell.right[data-v-6552780d]{text-align:right}.table-body .cell.right .wrap[data-v-6552780d]{justify-content:flex-end}.table-body .cell[data-v-6552780d]:last-child{border-right:0}.table-body .cell.tree-td[data-v-6552780d]{text-align:left!important}.table-body .cell.tree-td .td-content__wrapper[data-v-6552780d]{display:flex;position:relative;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-resize-line[data-v-6552780d]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-6552780d]{border-right:1px solid}.vscroll-spacer[data-v-6552780d]{opacity:0;clear:both}[v-cloak][data-v-6552780d]{display:none}.ev-checkbox[data-v-6552780d]{margin:0}.non-border[data-v-6552780d]{border:none!important}.is-empty[data-v-6552780d]{height:30px;text-align:center}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "3229":
@@ -5363,21 +5364,6 @@ var global = __webpack_require__("da84");
 module.exports = global;
 
 
-/***/ }),
-
-/***/ "43a2":
-/***/ (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__("30f4");
-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("c06296a2", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "44ad":
@@ -7529,17 +7515,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "7bbc":
-/***/ (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_TreeGrid_vue_vue_type_style_index_0_id_6552780d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("43a2");
-/* 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_TreeGrid_vue_vue_type_style_index_0_id_6552780d_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_TreeGrid_vue_vue_type_style_index_0_id_6552780d_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "7c73":
@@ -8001,6 +7976,21 @@ var update = add("2761409a", content, true, {"sourceMap":false,"shadowMode":fals
 
 /***/ }),
 
+/***/ "8794":
+/***/ (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__("b59c");
+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("670933bc", content, true, {"sourceMap":false,"shadowMode":false});
+
+/***/ }),
+
 /***/ "8875":
 /***/ (function(module, exports, __webpack_require__) {
 
@@ -11227,7 +11217,7 @@ $({ target: 'Number', stat: true }, {
 /***/ "9224":
 /***/ (function(module) {
 
-module.exports = JSON.parse("{\"a\":\"3.4.78\"}");
+module.exports = JSON.parse("{\"a\":\"3.4.80\"}");
 
 /***/ }),
 
@@ -12215,6 +12205,17 @@ $({ target: 'Array', proto: true, forced: FORCED }, {
 });
 
 
+/***/ }),
+
+/***/ "9b3a":
+/***/ (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_TreeGrid_vue_vue_type_style_index_0_id_05a280ea_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("0000");
+/* 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_TreeGrid_vue_vue_type_style_index_0_id_05a280ea_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_TreeGrid_vue_vue_type_style_index_0_id_05a280ea_lang_scss_scoped_true__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "9bdd":
@@ -12277,20 +12278,6 @@ if(content.locals) module.exports = content.locals;
 var add = __webpack_require__("499e").default
 var update = add("5b6c8ddc", content, true, {"sourceMap":false,"shadowMode":false});
 
-/***/ }),
-
-/***/ "9e28":
-/***/ (function(module, exports, __webpack_require__) {
-
-// Imports
-var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
-exports = ___CSS_LOADER_API_IMPORT___(false);
-// Module
-exports.push([module.i, ".ev-input,.ev-textarea{width:100%;outline:0;background-color:transparent;border-radius:4px;transition:border .3s ease-in-out;border:1px solid #b2b2b2;color:#0d0d0d}.dark .ev-input,.dark .ev-textarea{border:1px solid #666;color:#fff}.ev-input:focus,.ev-input:hover,.ev-textarea:focus,.ev-textarea:hover{border:1px solid #1a6afe}.dark .ev-input:focus,.dark .ev-input:hover,.dark .ev-textarea:focus,.dark .ev-textarea:hover{border:1px solid #007aff}.ev-input{height:35px;padding:0 15px}.ev-textarea{height:100px;padding:5px;resize:none}.readonly .ev-input,.readonly .ev-select,.readonly .ev-textarea{background-color:hsla(0,0%,69.8%,.1)}.dark .readonly .ev-input,.dark .readonly .ev-select,.dark .readonly .ev-textarea{background-color:hsla(0,0%,40%,.3)}.readonly .ev-input:focus,.readonly .ev-input:hover,.readonly .ev-select:focus,.readonly .ev-select:hover,.readonly .ev-textarea:focus,.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,69.8%,.5)}.dark .readonly .ev-input:focus,.dark .readonly .ev-input:hover,.dark .readonly .ev-select:focus,.dark .readonly .ev-select:hover,.dark .readonly .ev-textarea:focus,.dark .readonly .ev-textarea:hover{border:1px solid hsla(0,0%,40%,.5)}.readonly.ev-input-number:hover .ev-input,.readonly.ev-input-number:hover .ev-textarea,.readonly.ev-select:hover .ev-input,.readonly.ev-select:hover .ev-textarea,.readonly.ev-text-field:hover .ev-input,.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,69.8%,.5)}.dark .readonly.ev-input-number:hover .ev-input,.dark .readonly.ev-input-number:hover .ev-textarea,.dark .readonly.ev-select:hover .ev-input,.dark .readonly.ev-select:hover .ev-textarea,.dark .readonly.ev-text-field:hover .ev-input,.dark .readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,40%,.5)}.disabled.ev-input-number,.disabled.ev-input-number *,.disabled.ev-select,.disabled.ev-select *,.disabled.ev-text-field,.disabled.ev-text-field *{cursor:not-allowed!important}.disabled.ev-input-number:hover .ev-input,.disabled.ev-input-number:hover .ev-textarea,.disabled.ev-select:hover .ev-input,.disabled.ev-select:hover .ev-textarea,.disabled.ev-text-field:hover .ev-input,.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff3b30}.dark .disabled.ev-input-number:hover .ev-input,.dark .disabled.ev-input-number:hover .ev-textarea,.dark .disabled.ev-select:hover .ev-input,.dark .disabled.ev-select:hover .ev-textarea,.dark .disabled.ev-text-field:hover .ev-input,.dark .disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff453a}.disabled .ev-input,.disabled .ev-textarea{border:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1);color:#b2b2b2}.dark .disabled .ev-input,.dark .disabled .ev-textarea{border:1px solid #555;background-color:hsla(0,0%,40%,.3);color:#555}.disabled .ev-input:focus,.disabled .ev-input:hover,.disabled .ev-textarea:focus,.disabled .ev-textarea:hover{border:1px solid #ff3b30}.dark .disabled .ev-input:focus,.dark .disabled .ev-input:hover,.dark .disabled .ev-textarea:focus,.dark .disabled .ev-textarea:hover{border:1px solid #ff453a}.error .ev-input,.error .ev-textarea{border:1px solid #ff3b30}.dark .error .ev-input,.dark .error .ev-textarea{border:1px solid #ff453a}.error .ev-input:focus,.error .ev-input:hover,.error .ev-textarea:focus,.error .ev-textarea:hover{border:1px solid rgba(255,59,48,.5)}.dark .error .ev-input:focus,.dark .error .ev-input:hover,.dark .error .ev-textarea:focus,.dark .error .ev-textarea:hover{border:1px solid rgba(255,69,58,.5)}.error.ev-input-number:hover .ev-input,.error.ev-input-number:hover .ev-textarea,.error.ev-text-field:hover .ev-input,.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,59,48,.5)}.dark .error.ev-input-number:hover .ev-input,.dark .error.ev-input-number:hover .ev-textarea,.dark .error.ev-text-field:hover .ev-input,.dark .error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,69,58,.5)}.ev-time-picker{width:100%;height:35px}.ev-time-picker .ev-time-picker-range{display:flex;height:100%;align-items:center}.ev-time-picker .ev-time-picker-range .tilde{padding:0 10px}.ev-time-picker .ev-time-picker-single{height:100%}.ev-time-picker .ev-time-picker-wrapper{position:relative;width:150px;height:100%}.ev-time-picker .ev-time-picker-wrapper .ev-input{padding:0 30px}.ev-time-picker .ev-input-prefix{position:absolute;left:0;padding:10px}.ev-time-picker .ev-input-suffix{position:absolute;right:0;padding:10px}.ev-time-picker .ev-input-suffix:hover{cursor:pointer}", ""]);
-// Exports
-module.exports = exports;
-
-
 /***/ }),
 
 /***/ "9ed3":
@@ -12315,6 +12302,20 @@ module.exports = function (IteratorConstructor, NAME, next) {
 };
 
 
+/***/ }),
+
+/***/ "9f09":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-tree-grid[data-v-05a280ea]{position:relative;width:100%;height:100%;padding-top:33px}.ev-tree-grid--empty[data-v-05a280ea]{overflow:auto}.ev-tree-grid--empty .table-header[data-v-05a280ea]{display:table}.ev-tree-grid.non-header[data-v-05a280ea]{padding-top:0}.ev-tree-grid .table-header[data-v-05a280ea]{overflow:hidden;position:absolute;top:0;width:100%;height:33px;border-top:2px solid #7f7f7f;border-bottom:1px solid #cfcfcf}.dark .ev-tree-grid .table-header[data-v-05a280ea]{border-top:2px solid;border-bottom:1px solid}.ev-tree-grid .row-contextmenu__btn[data-v-05a280ea]{display:none;vertical-align:middle}.column-list[data-v-05a280ea]{width:100%;white-space:nowrap;list-style-type:none}.column[data-v-05a280ea],.column-list[data-v-05a280ea]{position:relative;height:100%}.column[data-v-05a280ea]{display:inline-flex;padding:0 10px;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-05a280ea]{border-right:1px solid}.column[data-v-05a280ea]:last-child{border-right:0}.column .sort-icon[data-v-05a280ea]{display:inline-block;float:right;font-size:14px;line-height:30px}.column.checkbox-all[data-v-05a280ea]{padding:0}.column.checkbox-all .ev-checkbox[data-v-05a280ea]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.column .column-sort__icon[data-v-05a280ea]{position:absolute;top:50%;right:0;width:24px;height:24px;background-size:contain;transform:translateY(-50%)}.column .column-sort__icon[data-v-05a280ea]:hover{cursor:pointer}.column .column-sort__icon--basic[data-v-05a280ea]{visibility:hidden}.column :hover .column-sort__icon--basic[data-v-05a280ea]{visibility:visible}.column-name[data-v-05a280ea]{display:inline-block;float:left;width:100%;overflow:hidden;text-overflow:ellipsis;font-weight:700;font-size:14px}.column-name--click[data-v-05a280ea]{cursor:pointer}.column-resize[data-v-05a280ea]{position:absolute;bottom:0;right:-5px;width:10px;height:100%}.column-resize[data-v-05a280ea]:hover{cursor:col-resize}.table-body[data-v-05a280ea]{position:relative;width:100%;height:100%;overflow:auto;overflow-anchor:none}.table-body table[data-v-05a280ea]{clear:both;width:inherit;border-spacing:0;border-collapse:collapse}.table-body.stripe tr[data-v-05a280ea]:nth-child(2n){background:#e5e5e5}.table-body.bottom-border[data-v-05a280ea]{border-bottom:1px solid #cfcfcf}.dark .table-body.bottom-border[data-v-05a280ea]{border-bottom:1px solid}.table-body .row[data-v-05a280ea]{white-space:nowrap;border-bottom:1px solid #cfcfcf}.dark .table-body .row[data-v-05a280ea]{border-bottom:1px solid}.table-body .row.selected[data-v-05a280ea]{background:#dbf0f9!important;color:inherit!important}.dark .table-body .row.selected[data-v-05a280ea]{background:!important;color:inherit!important}.table-body .row.highlight[data-v-05a280ea]{background:#5ab7ff;color:#fff}.table-body .row:hover .row-contextmenu__btn[data-v-05a280ea]{display:grid}.table-body .row:hover .row-contextmenu__btn[data-v-05a280ea]:hover{cursor:pointer;opacity:.6}.table-body .cell[data-v-05a280ea]{display:inline-block;padding:0 10px;text-align:center;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-right:1px solid #cfcfcf}.dark .table-body .cell[data-v-05a280ea]{border-right:1px solid}.table-body .cell.row-checkbox[data-v-05a280ea]{padding:0}.table-body .cell.row-checkbox .ev-checkbox[data-v-05a280ea]{display:inline-flex;width:100%;height:100%;justify-content:center;align-items:center}.table-body .cell.render[data-v-05a280ea]{overflow:initial}.table-body .cell.float[data-v-05a280ea],.table-body .cell.number[data-v-05a280ea]{text-align:right}.table-body .cell.string[data-v-05a280ea],.table-body .cell.stringNumber[data-v-05a280ea]{text-align:left}.table-body .cell.center[data-v-05a280ea]{text-align:center}.table-body .cell.left[data-v-05a280ea]{text-align:left}.table-body .cell.left .wrap[data-v-05a280ea]{justify-content:flex-start}.table-body .cell.right[data-v-05a280ea]{text-align:right}.table-body .cell.right .wrap[data-v-05a280ea]{justify-content:flex-end}.table-body .cell[data-v-05a280ea]:last-child{border-right:0}.table-body .cell.tree-td[data-v-05a280ea]{text-align:left!important}.table-body .cell.tree-td .td-content__wrapper[data-v-05a280ea]{display:flex;position:relative;align-items:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-resize-line[data-v-05a280ea]{position:absolute;top:0;bottom:0;width:1px;border-right:1px solid #cfcfcf}.dark .table-resize-line[data-v-05a280ea]{border-right:1px solid}.vscroll-spacer[data-v-05a280ea]{opacity:0;clear:both}[v-cloak][data-v-05a280ea]{display:none}.ev-checkbox[data-v-05a280ea]{margin:0}.non-border[data-v-05a280ea]{border:none!important}.is-empty[data-v-05a280ea]{height:30px;text-align:center}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "9f7f":
@@ -12860,21 +12861,6 @@ module.exports = function (argument) {
 };
 
 
-/***/ }),
-
-/***/ "a7ca":
-/***/ (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__("9e28");
-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("b53b3ea8", content, true, {"sourceMap":false,"shadowMode":false});
-
 /***/ }),
 
 /***/ "a82d":
@@ -13350,6 +13336,20 @@ module.exports = queueMicrotask || function (fn) {
 };
 
 
+/***/ }),
+
+/***/ "b59c":
+/***/ (function(module, exports, __webpack_require__) {
+
+// Imports
+var ___CSS_LOADER_API_IMPORT___ = __webpack_require__("24fb");
+exports = ___CSS_LOADER_API_IMPORT___(false);
+// Module
+exports.push([module.i, ".ev-input,.ev-textarea{width:100%;outline:0;background-color:transparent;border-radius:4px;transition:border .3s ease-in-out;border:1px solid #b2b2b2;color:#0d0d0d}.dark .ev-input,.dark .ev-textarea{border:1px solid #666;color:#fff}.ev-input:focus,.ev-input:hover,.ev-textarea:focus,.ev-textarea:hover{border:1px solid #1a6afe}.dark .ev-input:focus,.dark .ev-input:hover,.dark .ev-textarea:focus,.dark .ev-textarea:hover{border:1px solid #007aff}.ev-input{height:35px;padding:0 15px}.ev-textarea{height:100px;padding:5px;resize:none}.readonly .ev-input,.readonly .ev-select,.readonly .ev-textarea{background-color:hsla(0,0%,69.8%,.1)}.dark .readonly .ev-input,.dark .readonly .ev-select,.dark .readonly .ev-textarea{background-color:hsla(0,0%,40%,.3)}.readonly .ev-input:focus,.readonly .ev-input:hover,.readonly .ev-select:focus,.readonly .ev-select:hover,.readonly .ev-textarea:focus,.readonly .ev-textarea:hover{border:1px solid hsla(0,0%,69.8%,.5)}.dark .readonly .ev-input:focus,.dark .readonly .ev-input:hover,.dark .readonly .ev-select:focus,.dark .readonly .ev-select:hover,.dark .readonly .ev-textarea:focus,.dark .readonly .ev-textarea:hover{border:1px solid hsla(0,0%,40%,.5)}.readonly.ev-input-number:hover .ev-input,.readonly.ev-input-number:hover .ev-textarea,.readonly.ev-select:hover .ev-input,.readonly.ev-select:hover .ev-textarea,.readonly.ev-text-field:hover .ev-input,.readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,69.8%,.5)}.dark .readonly.ev-input-number:hover .ev-input,.dark .readonly.ev-input-number:hover .ev-textarea,.dark .readonly.ev-select:hover .ev-input,.dark .readonly.ev-select:hover .ev-textarea,.dark .readonly.ev-text-field:hover .ev-input,.dark .readonly.ev-text-field:hover .ev-textarea{border:1px solid hsla(0,0%,40%,.5)}.disabled.ev-input-number,.disabled.ev-input-number *,.disabled.ev-select,.disabled.ev-select *,.disabled.ev-text-field,.disabled.ev-text-field *{cursor:not-allowed!important}.disabled.ev-input-number:hover .ev-input,.disabled.ev-input-number:hover .ev-textarea,.disabled.ev-select:hover .ev-input,.disabled.ev-select:hover .ev-textarea,.disabled.ev-text-field:hover .ev-input,.disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff3b30}.dark .disabled.ev-input-number:hover .ev-input,.dark .disabled.ev-input-number:hover .ev-textarea,.dark .disabled.ev-select:hover .ev-input,.dark .disabled.ev-select:hover .ev-textarea,.dark .disabled.ev-text-field:hover .ev-input,.dark .disabled.ev-text-field:hover .ev-textarea{border:1px solid #ff453a}.disabled .ev-input,.disabled .ev-textarea{border:1px solid #b2b2b2;background-color:hsla(0,0%,69.8%,.1);color:#b2b2b2}.dark .disabled .ev-input,.dark .disabled .ev-textarea{border:1px solid #555;background-color:hsla(0,0%,40%,.3);color:#555}.disabled .ev-input:focus,.disabled .ev-input:hover,.disabled .ev-textarea:focus,.disabled .ev-textarea:hover{border:1px solid #ff3b30}.dark .disabled .ev-input:focus,.dark .disabled .ev-input:hover,.dark .disabled .ev-textarea:focus,.dark .disabled .ev-textarea:hover{border:1px solid #ff453a}.error .ev-input,.error .ev-textarea{border:1px solid #ff3b30}.dark .error .ev-input,.dark .error .ev-textarea{border:1px solid #ff453a}.error .ev-input:focus,.error .ev-input:hover,.error .ev-textarea:focus,.error .ev-textarea:hover{border:1px solid rgba(255,59,48,.5)}.dark .error .ev-input:focus,.dark .error .ev-input:hover,.dark .error .ev-textarea:focus,.dark .error .ev-textarea:hover{border:1px solid rgba(255,69,58,.5)}.error.ev-input-number:hover .ev-input,.error.ev-input-number:hover .ev-textarea,.error.ev-text-field:hover .ev-input,.error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,59,48,.5)}.dark .error.ev-input-number:hover .ev-input,.dark .error.ev-input-number:hover .ev-textarea,.dark .error.ev-text-field:hover .ev-input,.dark .error.ev-text-field:hover .ev-textarea{border:1px solid rgba(255,69,58,.5)}.ev-time-picker{width:100%;height:35px}.ev-time-picker .ev-time-picker-range{display:flex;height:100%;align-items:center}.ev-time-picker .ev-time-picker-range .tilde{padding:0 10px}.ev-time-picker .ev-time-picker-single{height:100%}.ev-time-picker .ev-time-picker-wrapper{position:relative;width:150px;height:100%}.ev-time-picker .ev-time-picker-wrapper .ev-input{padding:0 30px}.ev-time-picker .ev-input-prefix{position:absolute;left:0;padding:10px}.ev-time-picker .ev-input-suffix{position:absolute;right:0;padding:10px}.ev-time-picker .ev-input-suffix:hover{cursor:pointer}", ""]);
+// Exports
+module.exports = exports;
+
+
 /***/ }),
 
 /***/ "b5dd":
@@ -13922,6 +13922,17 @@ try {
 module.exports = g;
 
 
+/***/ }),
+
+/***/ "c8c8":
+/***/ (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_TimePicker_vue_vue_type_style_index_0_id_4c496a9d_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("8794");
+/* 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_TimePicker_vue_vue_type_style_index_0_id_4c496a9d_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_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_TimePicker_vue_vue_type_style_index_0_id_4c496a9d_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
+/* unused harmony reexport * */
+
+
 /***/ }),
 
 /***/ "c8d2":
@@ -15227,17 +15238,6 @@ module.exports = function (exec) {
 };
 
 
-/***/ }),
-
-/***/ "e697":
-/***/ (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_TimePicker_vue_vue_type_style_index_0_id_4f3d5244_lang_scss__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__("a7ca");
-/* 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_TimePicker_vue_vue_type_style_index_0_id_4f3d5244_lang_scss__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_vue_style_loader_index_js_ref_8_oneOf_1_0_node_modules_css_loader_dist_cjs_js_ref_8_oneOf_1_1_node_modules_vue_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_TimePicker_vue_vue_type_style_index_0_id_4f3d5244_lang_scss__WEBPACK_IMPORTED_MODULE_0__);
-/* unused harmony reexport * */
-
-
 /***/ }),
 
 /***/ "e6cf":
@@ -30503,28 +30503,28 @@ Tree.install = function (app) {
 };
 
 /* harmony default export */ var tree = (Tree);
-// 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/timePicker/TimePicker.vue?vue&type=template&id=4f3d5244
+// 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/timePicker/TimePicker.vue?vue&type=template&id=4c496a9d
 
-var TimePickervue_type_template_id_4f3d5244_hoisted_1 = {
+var TimePickervue_type_template_id_4c496a9d_hoisted_1 = {
   class: "ev-time-picker"
 };
-var TimePickervue_type_template_id_4f3d5244_hoisted_2 = {
+var TimePickervue_type_template_id_4c496a9d_hoisted_2 = {
   key: 0,
   class: "ev-time-picker-range"
 };
 
-var TimePickervue_type_template_id_4f3d5244_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
+var TimePickervue_type_template_id_4c496a9d_hoisted_3 = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("p", {
   class: "tilde"
 }, "~", -1);
 
-var TimePickervue_type_template_id_4f3d5244_hoisted_4 = {
+var TimePickervue_type_template_id_4c496a9d_hoisted_4 = {
   key: 1,
   class: "ev-time-picker-single"
 };
-function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $setup, $data, $options) {
+function TimePickervue_type_template_id_4c496a9d_render(_ctx, _cache, $props, $setup, $data, $options) {
   var _component_ev_icon = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("ev-icon");
 
-  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4f3d5244_hoisted_1, [$props.type === 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4f3d5244_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4c496a9d_hoisted_1, [$props.type === 'range' ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4c496a9d_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     class: [{
       error: $setup.isWrongType.rangeStart,
       clearable: $props.clearable,
@@ -30538,7 +30538,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     class: "ev-input",
     disabled: $props.disabled,
     readonly: $props.readonly,
-    placeholder: "start time",
+    placeholder: $setup.placeholders[0],
     onFocus: _cache[2] || (_cache[2] = function () {
       return $setup.focusInputStartTime && $setup.focusInputStartTime.apply($setup, arguments);
     }),
@@ -30548,7 +30548,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     onChange: _cache[4] || (_cache[4] = function () {
       return $setup.changeStartTime && $setup.changeStartTime.apply($setup, arguments);
     })
-  }, null, 40, ["disabled", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time[0]]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+  }, null, 40, ["disabled", "readonly", "placeholder"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time[0]]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
     icon: "ev-icon-time",
     class: "ev-input-prefix"
   }), $props.clearable ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
@@ -30556,7 +30556,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     icon: "ev-icon-error",
     class: "ev-input-suffix",
     onClick: $setup.clearStartTime
-  }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), TimePickervue_type_template_id_4f3d5244_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2), TimePickervue_type_template_id_4c496a9d_hoisted_3, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     class: [{
       error: $setup.isWrongType.rangeEnd,
       clearable: $props.clearable,
@@ -30570,7 +30570,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     class: "ev-input",
     disabled: $props.disabled,
     readonly: $props.readonly,
-    placeholder: "end time",
+    placeholder: $setup.placeholders[1],
     onFocus: _cache[6] || (_cache[6] = function () {
       return $setup.focusInputEndTime && $setup.focusInputEndTime.apply($setup, arguments);
     }),
@@ -30580,7 +30580,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     onChange: _cache[8] || (_cache[8] = function () {
       return $setup.changeEndTime && $setup.changeEndTime.apply($setup, arguments);
     })
-  }, null, 40, ["disabled", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time[1]]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+  }, null, 40, ["disabled", "readonly", "placeholder"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time[1]]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
     icon: "ev-icon-time",
     class: "ev-input-prefix"
   }), $props.clearable ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
@@ -30588,7 +30588,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     icon: "ev-icon-error",
     class: "ev-input-suffix",
     onClick: $setup.clearEndTime
-  }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4f3d5244_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)])) : (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("div", TimePickervue_type_template_id_4c496a9d_hoisted_4, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     class: [{
       error: $setup.isWrongType.single,
       clearable: $props.clearable,
@@ -30602,7 +30602,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     class: "ev-input",
     disabled: $props.disabled,
     readonly: $props.readonly,
-    placeholder: "Enter time",
+    placeholder: typeof $props.placeholder === 'string' ? $props.placeholder : 'Enter time',
     onFocus: _cache[10] || (_cache[10] = function () {
       return $setup.focusInputTime && $setup.focusInputTime.apply($setup, arguments);
     }),
@@ -30612,7 +30612,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     onChange: _cache[12] || (_cache[12] = function () {
       return $setup.changeTime && $setup.changeTime.apply($setup, arguments);
     })
-  }, null, 40, ["disabled", "readonly"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
+  }, null, 40, ["disabled", "readonly", "placeholder"]), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vModelText"], $setup.time]]), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_icon, {
     icon: "ev-icon-time",
     class: "ev-input-prefix"
   }), $props.clearable ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_ev_icon, {
@@ -30622,7 +30622,7 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     onClick: $setup.clearContents
   }, null, 8, ["onClick"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 2)]))]);
 }
-// CONCATENATED MODULE: ./src/components/timePicker/TimePicker.vue?vue&type=template&id=4f3d5244
+// CONCATENATED MODULE: ./src/components/timePicker/TimePicker.vue?vue&type=template&id=4c496a9d
 
 // 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/timePicker/TimePicker.vue?vue&type=script&lang=js
 
@@ -30665,6 +30665,11 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
     readonly: {
       type: Boolean,
       default: false
+    },
+    placeholder: {
+      type: [String, Array],
+      required: false,
+      default: undefined
     }
   },
   emits: {
@@ -30692,6 +30697,16 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
       }
     }); // <string | string[]>
 
+    var placeholders = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["computed"])(function () {
+      var defaultValue = ['start time', 'end time'];
+
+      if (Array.isArray(props.placeholder)) {
+        return [typeof props.placeholder[0] === 'string' ? props.placeholder[0] : defaultValue[0], typeof props.placeholder[1] === 'string' ? props.placeholder[1] : defaultValue[1]];
+      }
+
+      if (typeof props.placeholder === 'string') return [props.placeholder, props.placeholder];
+      return defaultValue;
+    });
     var previousValue = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["ref"])(Array.isArray(time.value) ? ["".concat(time.value[0]), "".concat(time.value[1])] : "".concat(time.value)); // <string | string[]>
 
     var isWrongType = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["reactive"])({
@@ -30817,14 +30832,15 @@ function TimePickervue_type_template_id_4f3d5244_render(_ctx, _cache, $props, $s
       changeStartTime: changeStartTime,
       focusInputEndTime: focusInputEndTime,
       blurInputEndTime: blurInputEndTime,
-      changeEndTime: changeEndTime
+      changeEndTime: changeEndTime,
+      placeholders: placeholders
     };
   }
 });
 // CONCATENATED MODULE: ./src/components/timePicker/TimePicker.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/timePicker/TimePicker.vue?vue&type=style&index=0&id=4f3d5244&lang=scss
-var TimePickervue_type_style_index_0_id_4f3d5244_lang_scss = __webpack_require__("e697");
+// EXTERNAL MODULE: ./src/components/timePicker/TimePicker.vue?vue&type=style&index=0&id=4c496a9d&lang=scss
+var TimePickervue_type_style_index_0_id_4c496a9d_lang_scss = __webpack_require__("c8c8");
 
 // CONCATENATED MODULE: ./src/components/timePicker/TimePicker.vue
 
@@ -30834,7 +30850,7 @@ var TimePickervue_type_style_index_0_id_4f3d5244_lang_scss = __webpack_require__
 
 
 
-const TimePicker_exports_ = /*#__PURE__*/exportHelper_default()(TimePickervue_type_script_lang_js, [['render',TimePickervue_type_template_id_4f3d5244_render]])
+const TimePicker_exports_ = /*#__PURE__*/exportHelper_default()(TimePickervue_type_script_lang_js, [['render',TimePickervue_type_template_id_4c496a9d_render]])
 
 /* harmony default export */ var TimePicker = (TimePicker_exports_);
 // CONCATENATED MODULE: ./src/components/timePicker/index.js
@@ -57521,33 +57537,33 @@ ChartBrush.install = function (app) {
 };
 
 /* harmony default export */ var chartBrush = (ChartBrush);
-// 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/treeGrid/TreeGrid.vue?vue&type=template&id=6552780d&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/treeGrid/TreeGrid.vue?vue&type=template&id=05a280ea&scoped=true
 
 
-var TreeGridvue_type_template_id_6552780d_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-6552780d");
+var TreeGridvue_type_template_id_05a280ea_scoped_true_withId = /*#__PURE__*/Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withScopeId"])("data-v-05a280ea");
 
-Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-6552780d");
+Object(external_commonjs_vue_commonjs2_vue_root_Vue_["pushScopeId"])("data-v-05a280ea");
 
-var TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_1 = {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_1 = {
   class: "column-list"
 };
-var TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_2 = {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_2 = {
   ref: "table"
 };
-var TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_3 = {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_3 = {
   key: 0
 };
-var TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_4 = {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_4 = {
   class: "is-empty"
 };
-var TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_5 = {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_5 = {
   ref: "resizeLine",
   class: "table-resize-line"
 };
 
 Object(external_commonjs_vue_commonjs2_vue_root_Vue_["popScopeId"])();
 
-var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_6552780d_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
+var TreeGridvue_type_template_id_05a280ea_scoped_true_render = /*#__PURE__*/TreeGridvue_type_template_id_05a280ea_scoped_true_withId(function (_ctx, _cache, $props, $setup, $data, $options) {
   var _ctx$$props$option$cu;
 
   var _component_grid_option_button = Object(external_commonjs_vue_commonjs2_vue_root_Vue_["resolveComponent"])("grid-option-button");
@@ -57578,7 +57594,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
     class: "toolbar-wrapper",
     style: "width: ".concat(_ctx.gridWidth, ";")
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_toolbar, null, {
-    toolbarWrapper: TreeGridvue_type_template_id_6552780d_scoped_true_withId(function () {
+    toolbarWrapper: TreeGridvue_type_template_id_05a280ea_scoped_true_withId(function () {
       return [$setup.useGridSetting ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_option_button, {
         key: 0,
         class: "grid-setting__icon",
@@ -57599,7 +57615,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     ref: "header",
     class: $setup.headerClass
-  }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("ul", TreeGridvue_type_template_id_6552780d_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", TreeGridvue_type_template_id_05a280ea_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: $setup.headerCheckboxClass,
     style: {
@@ -57616,6 +57632,8 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
     indeterminate: _ctx.isHeaderIndeterminate,
     onChange: $setup.onCheckAll
   }, null, 8, ["modelValue", "disabled", "indeterminate", "onChange"])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 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"])(_ctx.orderedColumns, function (column, index) {
+    var _ctx$$props$option, _ctx$$props$option2;
+
     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: index
     }, [!column.hide && !column.hiddenDisplay ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("li", {
@@ -57644,7 +57662,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
       }, ["stop"])
     }, [!!_ctx.$slots.sortIcon ? (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
-    }, [(column.sortable === undefined ? true : column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
+    }, [(_ctx$$props$option = _ctx.$props.option) !== null && _ctx$$props$option !== void 0 && _ctx$$props$option.useSort && !!(column !== null && column !== void 0 && column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("span", {
       key: 0,
       class: "column-sort__icon column-sort__icon--basic",
       style: {
@@ -57660,7 +57678,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
       }
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "sortIcon_".concat(_ctx.sortOrder))], 6)) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)], 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
-    }, [(column.sortable === undefined ? false : column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_sort_button, {
+    }, [(_ctx$$props$option2 = _ctx.$props.option) !== null && _ctx$$props$option2 !== void 0 && _ctx$$props$option2.useSort && !!(column !== null && column !== void 0 && column.sortable) ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_sort_button, {
       key: 0,
       class: "column-sort__icon column-sort__icon--basic",
       icon: 'basic',
@@ -57710,7 +57728,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
   }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollTopHeight, "px;"),
     class: "vscroll-spacer"
-  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (node, idx) {
+  }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("table", TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_2, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("tbody", null, [(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(true), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(external_commonjs_vue_commonjs2_vue_root_Vue_["Fragment"], null, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.viewStore, function (node, idx) {
     return Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_tree_grid_node, {
       key: idx,
       "selected-data": _ctx.selectedRow,
@@ -57738,7 +57756,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
     }, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderList"])(_ctx.orderedColumns, function (column, cellIndex) {
       return {
         name: $setup.getSlotName(column.field),
-        fn: TreeGridvue_type_template_id_6552780d_scoped_true_withId(function (_ref) {
+        fn: TreeGridvue_type_template_id_05a280ea_scoped_true_withId(function (_ref) {
           var item = _ref.item;
           return [!!_ctx.$slots[column.field] ? Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, column.field, {
             key: 0,
@@ -57754,11 +57772,11 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
       };
     }), _ctx.$slots.contextmenuIcon ? {
       name: "contextmenuIconNode",
-      fn: TreeGridvue_type_template_id_6552780d_scoped_true_withId(function () {
+      fn: TreeGridvue_type_template_id_05a280ea_scoped_true_withId(function () {
         return [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["renderSlot"])(_ctx.$slots, "contextmenuIcon")];
       })
     } : undefined]), 1032, ["selected-data", "node-data", "use-checkbox", "ordered-columns", "expand-icon", "collapse-icon", "parent-icon", "child-icon", "custom-context-menu", "menu-ref", "is-resize", "row-height", "min-width", "highlight-index", "border-style", "onCheckTreeData", "onExpandTreeData", "onClickTreeData", "onDblClickTreeData", "onContextMenu"]);
-  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.emptyText), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
+  }), 128)), !_ctx.viewStore.length ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])("tr", TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_3, [Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("td", TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_4, Object(external_commonjs_vue_commonjs2_vue_root_Vue_["toDisplayString"])($setup.emptyText), 1)])) : Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createCommentVNode"])("", true)])], 512), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", {
     style: "height: ".concat(_ctx.vScrollBottomHeight, "px;"),
     class: "vscroll-spacer"
   }, null, 4), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])(_component_ev_context_menu, {
@@ -57772,7 +57790,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
     ref: "gridSettingMenu",
     items: _ctx.gridSettingContextMenuItems,
     "is-show-menu-on-click": _ctx.isShowMenuOnClick
-  }, null, 8, ["items", "is-show-menu-on-click"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_6552780d_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
+  }, null, 8, ["items", "is-show-menu-on-click"])], 34), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["withDirectives"])(Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createVNode"])("div", TreeGridvue_type_template_id_05a280ea_scoped_true_hoisted_5, null, 512), [[external_commonjs_vue_commonjs2_vue_root_Vue_["vShow"], _ctx.showResizeLine]])], 2)], 4), [[_directive_resize, $setup.onResize], [_directive_observe_visibility, {
     callback: $setup.onShow,
     once: true
   }]]), $setup.useSummary ? (Object(external_commonjs_vue_commonjs2_vue_root_Vue_["openBlock"])(), Object(external_commonjs_vue_commonjs2_vue_root_Vue_["createBlock"])(_component_grid_summary, {
@@ -57814,7 +57832,7 @@ var TreeGridvue_type_template_id_6552780d_scoped_true_render = /*#__PURE__*/Tree
     onApplyColumn: $setup.onApplyColumn
   }, null, 8, ["is-show", "is-show-menu-on-click", "columns", "hidden-column", "position", "text-info", "onApplyColumn"])], 64);
 });
-// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=6552780d&scoped=true
+// CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=template&id=05a280ea&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/treeGrid/TreeGridNode.vue?vue&type=template&id=462c47dc&scoped=true
 
@@ -58231,6 +58249,7 @@ const TreeGridToolbar_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridToo
 
 
 
+
 
 
 var treeGrid_uses_this = undefined;
@@ -59019,11 +59038,11 @@ var treeGrid_uses_contextMenuEvent = function contextMenuEvent(params) {
     if (event.target.className.includes('column-name')) {
       var _contextInfo$columnMe, _contextInfo$columnMe2, _contextInfo$hiddenCo, _contextInfo$columnMe3, _contextInfo$columnMe4, _contextInfo$hiddenCo2, _contextInfo$columnMe5, _contextInfo$columnMe6, _contextInfo$hiddenCo3;
 
-      var sortable = column.sortable === undefined ? true : column.sortable;
+      var sortable = !!column.sortable;
       contextInfo.columnMenuItems = [{
         text: (_contextInfo$columnMe = (_contextInfo$columnMe2 = contextInfo.columnMenuTextInfo) === null || _contextInfo$columnMe2 === void 0 ? void 0 : _contextInfo$columnMe2.hide) !== null && _contextInfo$columnMe !== void 0 ? _contextInfo$columnMe : 'Hide',
         iconClass: 'ev-icon-visibility-off',
-        disabled: !useGridSetting.value || stores.orderedColumns.length === 1,
+        disabled: !useGridSetting.value || stores.orderedColumns.length === 1 || !!column.fixed,
         hidden: ((_contextInfo$hiddenCo = contextInfo.hiddenColumnMenuItem) === null || _contextInfo$hiddenCo === void 0 ? void 0 : _contextInfo$hiddenCo.hide) || !useGridSetting.value,
         click: function click() {
           setColumnHidden(column.field);
@@ -59495,12 +59514,24 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
 
   var order = new OrderQueue();
 
+  var initSortInfo = function initSortInfo(columns) {
+    sortInfo.isSorting = false;
+    sortInfo.sortOrder = 'init';
+    columns.forEach(function (col) {
+      var _col$sortOption;
+
+      if (col !== null && col !== void 0 && (_col$sortOption = col.sortOption) !== null && _col$sortOption !== void 0 && _col$sortOption.sortType && col.sortOption.sortType !== 'init') {
+        col.sortOption.sortType = 'init';
+      }
+    });
+  };
+
   var setSortInfo = function setSortInfo(columns) {
     var emitTriggered = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
     var sortByColumnIndex = columns === null || columns === void 0 ? void 0 : columns.findIndex(function (col) {
-      var _col$sortOption;
+      var _col$sortOption2;
 
-      return (col === null || col === void 0 ? void 0 : (_col$sortOption = col.sortOption) === null || _col$sortOption === void 0 ? void 0 : _col$sortOption.sortType) && col.sortOption.sortType !== 'init';
+      return (col === null || col === void 0 ? void 0 : col.sortable) && (col === null || col === void 0 ? void 0 : (_col$sortOption2 = col.sortOption) === null || _col$sortOption2 === void 0 ? void 0 : _col$sortOption2.sortType) && col.sortOption.sortType !== 'init';
     });
     var sortByColumn = columns[sortByColumnIndex];
 
@@ -59617,7 +59648,8 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
 
   return {
     onSort: onSort,
-    setSortInfo: setSortInfo
+    setSortInfo: setSortInfo,
+    initSortInfo: initSortInfo
   };
 };
 // 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/treeGrid/TreeGrid.vue?vue&type=script&lang=js
@@ -60081,6 +60113,7 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
       onResize: onResize
     }),
         onSort = _sortEvent.onSort,
+        initSortInfo = _sortEvent.initSortInfo,
         setSortInfo = _sortEvent.setSortInfo;
 
     var _filterEvent = treeGrid_uses_filterEvent({
@@ -60151,9 +60184,19 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
     };
 
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onMounted"])(function () {
+      var _props$option12;
+
       stores.treeStore = setTreeNodeStore();
       stores.originStore = lodash_es_cloneDeep(stores.treeStore);
-      setSortInfo(props.columns, false);
+
+      if ((_props$option12 = props.option) !== null && _props$option12 !== void 0 && _props$option12.useSort) {
+        setSortInfo(props.columns, false);
+      } else {
+        var contextInfoHiddenColumnMenuItems = contextInfo.hiddenColumnMenuItem;
+        contextInfoHiddenColumnMenuItems.ascending = true;
+        contextInfoHiddenColumnMenuItems.descending = true;
+      }
+
       document.addEventListener('wheel', onMouseWheel, {
         capture: false
       });
@@ -60168,6 +60211,26 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["onActivated"])(function () {
       onResize();
     });
+    Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
+      var _props$option13;
+
+      return (_props$option13 = props.option) === null || _props$option13 === void 0 ? void 0 : _props$option13.useSort;
+    }, function (use) {
+      var propsHiddenMenuItems = props.option.hiddenColumnMenuItem;
+      var contextInfoHiddenMenuItems = contextInfo.hiddenColumnMenuItem;
+
+      if (use) {
+        var _propsHiddenMenuItems, _propsHiddenMenuItems2;
+
+        contextInfoHiddenMenuItems.ascending = (_propsHiddenMenuItems = propsHiddenMenuItems === null || propsHiddenMenuItems === void 0 ? void 0 : propsHiddenMenuItems.ascending) !== null && _propsHiddenMenuItems !== void 0 ? _propsHiddenMenuItems : false;
+        contextInfoHiddenMenuItems.descending = (_propsHiddenMenuItems2 = propsHiddenMenuItems === null || propsHiddenMenuItems === void 0 ? void 0 : propsHiddenMenuItems.descending) !== null && _propsHiddenMenuItems2 !== void 0 ? _propsHiddenMenuItems2 : false;
+        setSortInfo(props.columns, false);
+      } else {
+        contextInfoHiddenMenuItems.ascending = true;
+        contextInfoHiddenMenuItems.descending = true;
+        initSortInfo(props.columns);
+      }
+    });
     Object(external_commonjs_vue_commonjs2_vue_root_Vue_["watch"])(function () {
       return columnSettingInfo.isShowColumnSetting;
     }, function (isShowColumnSetting) {
@@ -60562,8 +60625,8 @@ var treeGrid_uses_sortEvent = function sortEvent(_ref) {
 });
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=script&lang=js
  
-// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=6552780d&lang=scss&scoped=true
-var TreeGridvue_type_style_index_0_id_6552780d_lang_scss_scoped_true = __webpack_require__("7bbc");
+// EXTERNAL MODULE: ./src/components/treeGrid/TreeGrid.vue?vue&type=style&index=0&id=05a280ea&lang=scss&scoped=true
+var TreeGridvue_type_style_index_0_id_05a280ea_lang_scss_scoped_true = __webpack_require__("9b3a");
 
 // CONCATENATED MODULE: ./src/components/treeGrid/TreeGrid.vue
 
@@ -60573,7 +60636,7 @@ var TreeGridvue_type_style_index_0_id_6552780d_lang_scss_scoped_true = __webpack
 
 
 
-const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_6552780d_scoped_true_render],['__scopeId',"data-v-6552780d"]])
+const TreeGrid_exports_ = /*#__PURE__*/exportHelper_default()(TreeGridvue_type_script_lang_js, [['render',TreeGridvue_type_template_id_05a280ea_scoped_true_render],['__scopeId',"data-v-05a280ea"]])
 
 /* harmony default export */ var TreeGrid = (TreeGrid_exports_);
 // CONCATENATED MODULE: ./src/components/treeGrid/index.js