@cimom-ui/standard-ui 1.1.11 → 1.1.13

package/dist/standard-ui.umd.js

@@ -3147,7 +3147,7 @@ __webpack_require__.r(__webpack_exports__);
 
 var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_noSourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, `.normal-report-table-panel{flex:1 1 0%;min-width:0;min-height:0;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 6px 18px rgba(31,73,125,.06);height:100%;overflow:hidden;display:flex;flex-direction:column}.normal-report-table-wrap{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px}.normal-report-table-wrap .el-table,.normal-report-table-wrap .vxe-table{flex:1;min-height:0}.normal-report-table-actions{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #edf1f6;margin-bottom:10px}.normal-report-table-actions .el-button+.el-button{margin-left:0}.normal-report-table-actions-left{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px}.normal-report-table-actions-right{flex-shrink:0;margin-left:auto;display:flex;align-items:center;gap:6px}.standard-toolbar-left,.standard-toolbar-right{display:flex;align-items:center;gap:6px;min-width:0}.standard-toolbar-left .el-button+.el-button,.standard-toolbar-right .el-button+.el-button{margin-left:0}.normal-report-column-setting-entry,.normal-report-column-setting-entry .el-popover__reference-wrapper{display:inline-flex;align-items:center}.normal-report-column-setting{min-width:270px}.normal-report-column-setting-header{padding-bottom:8px;border-bottom:1px solid #ebeef5}.normal-report-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.normal-report-column-setting-item{display:flex;align-items:center;gap:2px;padding:5px 4px;border-radius:4px}.normal-report-column-setting-item .el-checkbox{flex:1;min-width:0;margin-right:0;display:flex;align-items:center}.normal-report-column-setting-item .el-checkbox__input{display:flex;align-items:center;flex-shrink:0}.normal-report-column-setting-item .normal-report-column-setting-item-title{cursor:grab}.normal-report-column-setting-item .normal-report-column-setting-item-title:active{cursor:grabbing}.normal-report-column-setting-item .el-checkbox,.normal-report-column-setting-item .el-checkbox__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.normal-report-column-setting-item .normal-report-column-setting-item-title .el-checkbox__label{flex-shrink:0;width:var(--normal-report-title-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.normal-report-column-setting-item .normal-report-column-setting-item-width{flex-shrink:0;width:92px}.normal-report-column-setting-item .el-button+.el-button{margin-left:0}.normal-report-column-setting-item .is-pinned{color:#409eff}.normal-report-column-setting-item .is-sort-off,.normal-report-column-setting-item .is-sort-off:focus,.normal-report-column-setting-item .is-sort-off:hover{color:#c0c4cc}.normal-report-column-setting-item.drag-over{background:#ecf5ff}.normal-report-column-setting-footer{margin-top:8px;padding-top:8px;border-top:1px solid #ebeef5;text-align:right}.normal-report-table-footer{flex-shrink:0;box-sizing:border-box;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 12px;border-top:1px solid #edf1f6}.normal-report-table-footer .normal-report-table-pagination{padding-top:0}.normal-report-table-footer.is-only-pagination{justify-content:flex-end}.normal-report-footer-empty{margin-top:10px}.normal-report-toolbar-empty{margin-bottom:10px}.normal-report-update-time{font-size:13px;color:#909399;flex-shrink:0}.vxe-table--context-menu-wrapper .vxe-context-menu--option-wrapper+.vxe-context-menu--option-wrapper,.vxe-table--context-menu-wrapper .vxe-table--context-menu-group-wrapper+.vxe-table--context-menu-group-wrapper{border-top:1px solid #e8eaec;margin-top:2px;padding-top:2px}.normal-report-table-pagination{flex-shrink:0;padding-top:10px;text-align:right}.normal-report-op-more{margin-left:10px}.normal-report-main-table.vxe-table .vxe-body--row{transition:transform .22s ease,filter .22s ease}.normal-report-main-table.vxe-table .vxe-body--row:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 16px rgba(31,73,125,.22))}.vxe-table--footer-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.vxe-table--footer-wrapper::-webkit-scrollbar-track{background-color:#fff!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb{background-color:#dddee0!important;border-radius:5px!important;border:1px solid #f1f1f1!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb:active{background-color:#dddee0!important}.vxe-table--footer-wrapper::-webkit-scrollbar-corner{background-color:#fff!important}.vxe-table--body-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:#fff!important}.vxe-table--body-wrapper::-webkit-scrollbar-thumb{background-color:#dddee0!important;border-radius:5px!important;border:1px solid #f1f1f1!important}.vxe-table--body-wrapper::-webkit-scrollbar-thumb:active,.vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:#dddee0!important}.vxe-table--body-wrapper::-webkit-scrollbar-corner{background-color:#fff!important}.vxe-table .vxe-header--row{height:40px!important}.vxe-table .vxe-header--column{padding:0!important;color:#636364!important;font-weight:600!important;font-size:13px!important;background-color:#f5f7fa!important}.vxe-table .vxe-header--column,.vxe-table .vxe-header--column>.vxe-cell{height:40px!important;max-height:40px!important;line-height:40px!important}.vxe-table .vxe-header--column>.vxe-cell{padding-top:0!important;padding-bottom:0!important}.vxe-table .vxe-body--row{height:36px!important}.vxe-table .vxe-body--column>.vxe-cell,.vxe-table .vxe-body--row td.vxe-body--column{height:36px!important;max-height:36px!important;line-height:36px!important;padding-top:0!important;padding-bottom:0!important}.vxe-table .vxe-body--column.col--active>.vxe-cell{overflow:visible!important;line-height:normal!important}.vxe-table .vxe-body--column.col--active .el-input,.vxe-table .vxe-body--column.col--active .el-input__inner,.vxe-table .vxe-body--column.col--active .vxe-default-input,.vxe-table .vxe-body--column.col--active .vxe-default-select,.vxe-table .vxe-body--column.col--active .vxe-default-textarea,.vxe-table .vxe-body--column.col--active .vxe-input{width:100%;height:36px!important;max-height:36px!important;line-height:34px!important;box-sizing:border-box}.vxe-header--column.nr-header-drag-source{opacity:.45}.vxe-header--column.nr-header-drag-target{background-color:rgba(64,158,255,.08);box-shadow:inset 2px 0 0 #409eff}body.nr-header-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}body.nr-header-dragging .vxe-header--column{cursor:grab}`, ""]);
+___CSS_LOADER_EXPORT___.push([module.id, `.normal-report-table-panel{flex:1 1 0%;min-width:0;min-height:0;background:#fff;border:1px solid #e8edf4;border-radius:10px;box-shadow:0 6px 18px rgba(31,73,125,.06);height:100%;overflow:hidden;display:flex;flex-direction:column}.normal-report-table-wrap{flex:1;min-height:0;display:flex;flex-direction:column;padding:0 12px}.normal-report-table-wrap .el-table,.normal-report-table-wrap .vxe-table{flex:1;min-height:0}.normal-report-table-actions{flex-shrink:0;display:flex;align-items:center;gap:6px;padding:10px 12px;border-bottom:1px solid #edf1f6;margin-bottom:10px}.normal-report-table-actions .el-button+.el-button{margin-left:0}.normal-report-table-actions-left{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:6px}.normal-report-table-actions-right{flex-shrink:0;margin-left:auto;display:flex;align-items:center;gap:6px}.standard-toolbar-left,.standard-toolbar-query,.standard-toolbar-right{display:flex;align-items:center;gap:6px;min-width:0}.standard-toolbar-left .el-button+.el-button,.standard-toolbar-query .el-button+.el-button,.standard-toolbar-right .el-button+.el-button{margin-left:0}.normal-report-column-setting-entry,.normal-report-column-setting-entry .el-popover__reference-wrapper{display:inline-flex;align-items:center}.normal-report-column-setting{min-width:270px}.normal-report-column-setting-header{padding-bottom:8px;border-bottom:1px solid #ebeef5}.normal-report-column-setting-list{max-height:300px;overflow-y:auto;padding:4px 0}.normal-report-column-setting-item{display:flex;align-items:center;gap:2px;padding:5px 4px;border-radius:4px}.normal-report-column-setting-item .el-checkbox{flex:1;min-width:0;margin-right:0;display:flex;align-items:center}.normal-report-column-setting-item .el-checkbox__input{display:flex;align-items:center;flex-shrink:0}.normal-report-column-setting-item .normal-report-column-setting-item-title{cursor:grab}.normal-report-column-setting-item .normal-report-column-setting-item-title:active{cursor:grabbing}.normal-report-column-setting-item .el-checkbox,.normal-report-column-setting-item .el-checkbox__label{-webkit-user-select:none;-moz-user-select:none;user-select:none}.normal-report-column-setting-item .normal-report-column-setting-item-title .el-checkbox__label{flex-shrink:0;width:var(--normal-report-title-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.normal-report-column-setting-item .normal-report-column-setting-item-width{flex-shrink:0;width:92px}.normal-report-column-setting-item .el-button+.el-button{margin-left:0}.normal-report-column-setting-item .is-pinned{color:#409eff}.normal-report-column-setting-item .is-sort-off,.normal-report-column-setting-item .is-sort-off:focus,.normal-report-column-setting-item .is-sort-off:hover{color:#c0c4cc}.normal-report-column-setting-item.drag-over{background:#ecf5ff}.normal-report-column-setting-footer{margin-top:8px;padding-top:8px;border-top:1px solid #ebeef5;text-align:right}.normal-report-table-footer{flex-shrink:0;box-sizing:border-box;min-height:49px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:10px;padding:8px 12px;border-top:1px solid #edf1f6}.normal-report-table-footer .normal-report-table-pagination{padding-top:0}.normal-report-table-footer.is-only-pagination{justify-content:flex-end}.normal-report-footer-empty{margin-top:10px}.normal-report-toolbar-empty{margin-bottom:10px}.normal-report-update-time{font-size:13px;color:#909399;flex-shrink:0}.vxe-table--context-menu-wrapper .vxe-context-menu--option-wrapper+.vxe-context-menu--option-wrapper,.vxe-table--context-menu-wrapper .vxe-table--context-menu-group-wrapper+.vxe-table--context-menu-group-wrapper{border-top:1px solid #e8eaec;margin-top:2px;padding-top:2px}.normal-report-table-pagination{flex-shrink:0;padding-top:10px;text-align:right}.normal-report-op-more{margin-left:10px}.normal-report-main-table.vxe-table .vxe-body--row{transition:transform .22s ease,filter .22s ease}.normal-report-main-table.vxe-table .vxe-body--row:hover{transform:translateY(-3px);filter:drop-shadow(0 8px 16px rgba(31,73,125,.22))}.vxe-table--footer-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.vxe-table--footer-wrapper::-webkit-scrollbar-track{background-color:#fff!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb{background-color:#dddee0!important;border-radius:5px!important;border:1px solid #f1f1f1!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb:hover{background-color:#a8a8a8!important}.vxe-table--footer-wrapper::-webkit-scrollbar-thumb:active{background-color:#dddee0!important}.vxe-table--footer-wrapper::-webkit-scrollbar-corner{background-color:#fff!important}.vxe-table--body-wrapper::-webkit-scrollbar{width:8px!important;height:8px!important}.vxe-table--body-wrapper::-webkit-scrollbar-track{background-color:#fff!important}.vxe-table--body-wrapper::-webkit-scrollbar-thumb{background-color:#dddee0!important;border-radius:5px!important;border:1px solid #f1f1f1!important}.vxe-table--body-wrapper::-webkit-scrollbar-thumb:active,.vxe-table--body-wrapper::-webkit-scrollbar-thumb:hover{background-color:#dddee0!important}.vxe-table--body-wrapper::-webkit-scrollbar-corner{background-color:#fff!important}.vxe-table .vxe-header--row{height:36px!important}.vxe-table .vxe-header--column{padding:0!important;color:#636364!important;font-weight:600!important;font-size:13px!important;background-color:#f5f7fa!important}.vxe-table .vxe-header--column,.vxe-table .vxe-header--column>.vxe-cell{height:36px!important;max-height:36px!important;line-height:36px!important}.vxe-table .vxe-header--column>.vxe-cell{padding-top:0!important;padding-bottom:0!important}.vxe-table .vxe-body--row{height:34px!important}.vxe-table .vxe-body--row td.vxe-body--column{font-size:12px!important}.vxe-table .vxe-body--column>.vxe-cell,.vxe-table .vxe-body--row td.vxe-body--column{height:34px!important;max-height:34px!important;line-height:34px!important;padding-top:0!important;padding-bottom:0!important}.vxe-table .vxe-tree-cell{display:flex;align-items:center;height:34px;line-height:34px;overflow:hidden}.vxe-table .vxe-body--column .el-tag--mini{height:26px;line-height:24px;padding:0 4px;font-size:12px;vertical-align:middle}.vxe-table .vxe-body--column .el-button--mini{height:26px;line-height:24px;padding:0 2px;font-size:12px;vertical-align:middle}.vxe-table .vxe-body--column.col--active>.vxe-cell{overflow:visible!important;line-height:normal!important}.vxe-table .vxe-body--column.col--active .el-input,.vxe-table .vxe-body--column.col--active .el-input__inner,.vxe-table .vxe-body--column.col--active .vxe-default-input,.vxe-table .vxe-body--column.col--active .vxe-default-select,.vxe-table .vxe-body--column.col--active .vxe-default-textarea,.vxe-table .vxe-body--column.col--active .vxe-input{width:100%;height:34px!important;max-height:34px!important;line-height:32px!important;font-size:12px!important;box-sizing:border-box}.vxe-header--column.nr-header-drag-source{opacity:.45}.vxe-header--column.nr-header-drag-target{background-color:rgba(64,158,255,.08);box-shadow:inset 2px 0 0 #409eff}body.nr-header-dragging{-webkit-user-select:none;-moz-user-select:none;user-select:none}body.nr-header-dragging .vxe-header--column{cursor:grab}`, ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -121109,8 +121109,8 @@ var StandardTimePick_component = normalizeComponent(
 )
 
 /* harmony default export */ const StandardTimePick = (StandardTimePick_component.exports);
-;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/index.vue?vue&type=template&id=05e17600
-var StandardTablevue_type_template_id_05e17600_render = function render() {
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/index.vue?vue&type=template&id=a9e9136a
+var StandardTablevue_type_template_id_a9e9136a_render = function render() {
   var _vm = this,
     _c = _vm._self._c;
   return _c('section', {
@@ -121372,7 +121372,7 @@ var StandardTablevue_type_template_id_05e17600_render = function render() {
         return _vm.onTableMousedown.apply(null, arguments);
       }
     }
-  }, [_vm.showCheckbox ? _c('vxe-column', {
+  }, [_vm.columnsReady && _vm.showCheckbox ? _c('vxe-column', {
     attrs: {
       "type": "checkbox",
       "width": "50",
@@ -121381,7 +121381,7 @@ var StandardTablevue_type_template_id_05e17600_render = function render() {
       "align": "center",
       "resizable": false
     }
-  }) : _vm._e(), _vm._l(_vm.vxeColumns, function (col) {
+  }) : _vm._e(), _vm._l(_vm.renderedColumns, function (col) {
     return _c('vxe-column', {
       key: col.key,
       attrs: {
@@ -121444,7 +121444,7 @@ var StandardTablevue_type_template_id_05e17600_render = function render() {
     }
   }) : _vm.getFooterEmptyVisible() ? _c('standard-footer-empty') : _vm._e()], 1);
 };
-var StandardTablevue_type_template_id_05e17600_staticRenderFns = [];
+var StandardTablevue_type_template_id_a9e9136a_staticRenderFns = [];
 
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/ToolbarEmpty.vue?vue&type=script&lang=js
 /**
@@ -121598,7 +121598,9 @@ var NormalReportCell = {
       edit = _ctx$props.edit;
     var parent = ctx.parent;
     if (!col || !parent || typeof parent.renderCell !== 'function') return null;
-    var result = parent.renderCell(col, scope, edit);
+    // 把本次渲染的 h 传下去：操作列按钮必须在当前渲染里创建，
+    // 不能用表格实例上预先生成的 VNode，否则 vxe 调用插槽时按钮挂不上
+    var result = parent.renderCell(col, scope, edit, h);
     if (result == null || result === '') return null;
     if (Array.isArray(result)) {
       return result.map(function (item) {
@@ -121789,12 +121791,12 @@ var NormalReportSlotView = {
       // ===== 其它 =====
       updateTime: '--',
       // 数据更新时间（tableData 变化时自动刷新）
-      // 表头行高 40px、内容行高 36px：交给 vxe-table 计算行高，和样式保持一致
+      // 表头行高 36px、内容行高 34px：交给 vxe-table 计算行高，和样式保持一致
       headerCellConfig: {
-        height: 40
+        height: 36
       },
       cellConfig: {
-        height: 36
+        height: 34
       },
       // 有可编辑列且未传 edit-config 时使用，保持对象引用稳定，避免表格反复重置编辑状态
       defaultEditConfig: {
@@ -121828,7 +121830,9 @@ var NormalReportSlotView = {
       // ResizeObserver 实例（监听表格容器尺寸变化）
       resizeTimer: null,
       // 尺寸变化防抖定时器
-      resizeSkipFirst: false // 跳过 ResizeObserver 挂载后的首次通知（避免初始化时无意义重算）
+      // 首屏先让 standard-column 在 created 中注册完，再渲染 vxe-column。
+      // 否则第一次往往只有操作列，vxe-table 会固化它的插槽，随后数据列插入后操作列变空白
+      columnsReady: false
     };
   },
   computed: {
@@ -122005,6 +122009,10 @@ var NormalReportSlotView = {
         };
       }).filter(Boolean);
     },
+    // 实际交给 vxe-table 的列：列注册完成前不输出，避免操作列先挂载
+    renderedColumns: function renderedColumns() {
+      return this.columnsReady ? this.vxeColumns : [];
+    },
     // vxe-table 列配置（用户列 + 操作列；多选框列在模板中单独以 <vxe-column> 声明）
     // 注意：vxe-table 3.x 不消费 columns 配置对象，本计算属性仅供模板 v-for 生成 <vxe-column> 子组件
     vxeColumns: function vxeColumns() {
@@ -122103,9 +122111,22 @@ var NormalReportSlotView = {
     }
   },
   mounted: function mounted() {
+    var _this4 = this;
     this.initResizeObserver();
     // 表头拖拽排序结束后抑制一次 click（document 捕获阶段拦截，防止拖拽结束触发排序切换）
     document.addEventListener('click', this.onDocumentClickCapture, true);
+    // 本次 patch 中 standard-column 的 created 已经完成注册，此刻再放行列
+    this.columnsReady = true;
+    // 列挂载后再重算。height="100%" 要等浏览器完成 flex 布局才有父容器高度，
+    // 只在 nextTick 里算会把表体高度当成内容高度，滚动条不再出现
+    this.$nextTick(function () {
+      _this4.resizeRecalculate();
+      if (typeof requestAnimationFrame === 'function') {
+        requestAnimationFrame(function () {
+          return _this4.resizeRecalculate();
+        });
+      }
+    });
   },
   beforeDestroy: function beforeDestroy() {
     this.destroyResizeObserver();
@@ -122130,51 +122151,51 @@ var NormalReportSlotView = {
     },
     // 工具栏左侧子组件 vnode（渲染到操作区左侧）
     getToolbarLeftVNodes: function getToolbarLeftVNodes() {
-      var _this4 = this;
+      var _this5 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this4.isVNodeOfType(v, TOOLBAR_LEFT_TYPES);
+        return _this5.isVNodeOfType(v, TOOLBAR_LEFT_TYPES);
       });
     },
     // 工具栏右侧子组件 vnode（渲染到操作区右侧）
     getToolbarRightVNodes: function getToolbarRightVNodes() {
-      var _this5 = this;
+      var _this6 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this5.isVNodeOfType(v, TOOLBAR_RIGHT_TYPES);
+        return _this6.isVNodeOfType(v, TOOLBAR_RIGHT_TYPES);
       });
     },
     // 底部栏左侧子组件 vnode（渲染到底部栏左侧）
     getFooterLeftVNodes: function getFooterLeftVNodes() {
-      var _this6 = this;
+      var _this7 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this6.isVNodeOfType(v, FOOTER_LEFT_TYPES);
+        return _this7.isVNodeOfType(v, FOOTER_LEFT_TYPES);
       });
     },
     // 底部栏右侧分页子组件 vnode（渲染到底部栏右侧）
     getFooterRightVNodes: function getFooterRightVNodes() {
-      var _this7 = this;
+      var _this8 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this7.isVNodeOfType(v, FOOTER_RIGHT_TYPES);
+        return _this8.isVNodeOfType(v, FOOTER_RIGHT_TYPES);
       });
     },
     // 底部空占位子组件 vnode（页面声明时渲染，未声明时使用内置默认占位）
     getFooterEmptyVNodes: function getFooterEmptyVNodes() {
-      var _this8 = this;
+      var _this9 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this8.isVNodeOfType(v, FOOTER_EMPTY_TYPES);
+        return _this9.isVNodeOfType(v, FOOTER_EMPTY_TYPES);
       });
     },
     // 工具栏空占位子组件 vnode（页面声明时渲染，未声明时使用内置默认占位）
     getToolbarEmptyVNodes: function getToolbarEmptyVNodes() {
-      var _this9 = this;
+      var _this0 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return _this9.isVNodeOfType(v, TOOLBAR_EMPTY_TYPES);
+        return _this0.isVNodeOfType(v, TOOLBAR_EMPTY_TYPES);
       });
     },
     // 隐藏注册区 vnode：默认插槽中除区域子组件（工具栏/底部栏功能区 + 空占位）之外的内容
     getHiddenSlotVNodes: function getHiddenSlotVNodes() {
-      var _this0 = this;
+      var _this1 = this;
       return this.getDefaultSlotVNodes().filter(function (v) {
-        return !_this0.isVNodeOfType(v, TOOLBAR_LEFT_TYPES) && !_this0.isVNodeOfType(v, TOOLBAR_RIGHT_TYPES) && !_this0.isVNodeOfType(v, FOOTER_LEFT_TYPES) && !_this0.isVNodeOfType(v, FOOTER_RIGHT_TYPES) && !_this0.isVNodeOfType(v, FOOTER_EMPTY_TYPES) && !_this0.isVNodeOfType(v, TOOLBAR_EMPTY_TYPES);
+        return !_this1.isVNodeOfType(v, TOOLBAR_LEFT_TYPES) && !_this1.isVNodeOfType(v, TOOLBAR_RIGHT_TYPES) && !_this1.isVNodeOfType(v, FOOTER_LEFT_TYPES) && !_this1.isVNodeOfType(v, FOOTER_RIGHT_TYPES) && !_this1.isVNodeOfType(v, FOOTER_EMPTY_TYPES) && !_this1.isVNodeOfType(v, TOOLBAR_EMPTY_TYPES);
       });
     },
     // 操作区是否显示
@@ -122264,14 +122285,14 @@ var NormalReportSlotView = {
     },
     // ===== 单元格渲染 =====
     // 渲染单元格内容（统一分发）：seq 序号 / 操作列按钮 / 列组件插槽与字段值
-    renderCell: function renderCell(col, scope, isEdit) {
+    renderCell: function renderCell(col, scope, isEdit, h) {
       // 内置序号列：vxe 插槽参数 seq 即显示序号
       if (col.isSeq) {
         return String(scope.seq != null ? scope.seq : '');
       }
-      // 操作列：渲染操作按钮
+      // 操作列：渲染操作按钮（使用单元格本次渲染的 h）
       if (col.isOp) {
-        return this.renderOpCell(scope.row);
+        return this.renderOpCell(scope.row, h);
       }
       var comp = col.comp;
       if (!comp) return '';
@@ -122296,7 +122317,7 @@ var NormalReportSlotView = {
     // 渲染单个操作按钮：active 为 false 时不再隐藏（原按 v-if 消失），
     // 改为渲染 disabled 按钮（变灰不可操作）
     renderOpButton: function renderOpButton(h, row, btn, idx) {
-      var _this1 = this;
+      var _this10 = this;
       var active = this.isOpActive(btn, row);
       var data = {
         key: idx,
@@ -122307,7 +122328,7 @@ var NormalReportSlotView = {
         },
         on: {
           click: function click() {
-            return _this1.handleOpClick(row, btn);
+            return _this10.handleOpClick(row, btn);
           }
         },
         // 阻止点击事件冒泡到表格单元格：
@@ -122329,7 +122350,7 @@ var NormalReportSlotView = {
     // 超出按钮渲染为 el-dropdown-item，点击后走与直接按钮一致的 handleOpClick；
     // active 为 false 的按钮以 disabled 形式变灰展示
     renderOpMore: function renderOpMore(h, row, restButtons) {
-      var _this10 = this;
+      var _this11 = this;
       return h('el-dropdown', {
         key: '__normal_report_op_more__',
         "class": 'normal-report-op-more',
@@ -122339,7 +122360,7 @@ var NormalReportSlotView = {
         },
         on: {
           command: function command(btn) {
-            return _this10.handleOpClick(row, btn);
+            return _this11.handleOpClick(row, btn);
           }
         },
         nativeOn: {
@@ -122357,7 +122378,7 @@ var NormalReportSlotView = {
       })]), h('el-dropdown-menu', {
         slot: 'dropdown'
       }, restButtons.map(function (btn, idx) {
-        var active = _this10.isOpActive(btn, row);
+        var active = _this11.isOpActive(btn, row);
         return h('el-dropdown-item', {
           key: idx,
           props: {
@@ -122372,20 +122393,20 @@ var NormalReportSlotView = {
     },
     // 渲染操作列：按钮 ≤ 3 个时全部直接渲染；超过 3 个时前 3 个直接渲染，
     // 其余统一收纳进“更多”下拉菜单；active 为 false 的按钮渲染为 disabled（变灰）
-    renderOpCell: function renderOpCell(row) {
-      var _this11 = this;
-      var h = this.$createElement;
+    renderOpCell: function renderOpCell(row, h) {
+      var _this12 = this;
+      var createElement = h || this.$createElement;
       var btns = this.opButtons;
       if (!btns.length) return null;
       if (btns.length <= OP_MAX_DIRECT_COUNT) {
         return btns.map(function (btn, idx) {
-          return _this11.renderOpButton(h, row, btn, idx);
+          return _this12.renderOpButton(createElement, row, btn, idx);
         });
       }
       var nodes = btns.slice(0, OP_MAX_DIRECT_COUNT).map(function (btn, idx) {
-        return _this11.renderOpButton(h, row, btn, idx);
+        return _this12.renderOpButton(createElement, row, btn, idx);
       });
-      nodes.push(this.renderOpMore(h, row, btns.slice(OP_MAX_DIRECT_COUNT)));
+      nodes.push(this.renderOpMore(createElement, row, btns.slice(OP_MAX_DIRECT_COUNT)));
       return nodes;
     },
     // 操作按钮是否有效：active 可为布尔值或 (row, btn) => boolean 函数
@@ -122466,12 +122487,12 @@ var NormalReportSlotView = {
     },
     // 复制文本到剪贴板：优先使用现代 API，失败时降级 execCommand
     copyTextToClipboard: function copyTextToClipboard(text) {
-      var _this12 = this;
+      var _this13 = this;
       if (navigator.clipboard && window.isSecureContext) {
         navigator.clipboard.writeText(text).then(function () {
-          _this12.$message && _this12.$message.success('复制成功：' + text);
+          _this13.$message && _this13.$message.success('复制成功：' + text);
         })["catch"](function () {
-          _this12.fallbackCopyText(text);
+          _this13.fallbackCopyText(text);
         });
       } else {
         this.fallbackCopyText(text);
@@ -122557,23 +122578,23 @@ var NormalReportSlotView = {
     // 切换列的排序开关：sortable 已纳入列 key，修改后强制重建列，
     // 再由 applyColumnOrder 恢复列顺序（重建会打乱 staticColumns 顺序）
     toggleHeaderColumnSort: function toggleHeaderColumnSort(uid) {
-      var _this13 = this;
+      var _this14 = this;
       var st = this.columnStates[uid];
       if (!st) return;
       this.$set(st, 'sortable', !st.sortable);
       this.$nextTick(function () {
-        return _this13.applyColumnOrder();
+        return _this14.applyColumnOrder();
       });
     },
     // 切换列的固定状态（左/右固定互斥，再次点击同侧即取消）：
     // fixed 同样纳入列 key，重建后 vxe-table 重新解析固定列分组
     toggleHeaderColumnFixed: function toggleHeaderColumnFixed(uid, side) {
-      var _this14 = this;
+      var _this15 = this;
       var st = this.columnStates[uid];
       if (!st) return;
       this.$set(st, 'fixed', st.fixed === side ? '' : side);
       this.$nextTick(function () {
-        return _this14.applyColumnOrder();
+        return _this15.applyColumnOrder();
       });
     },
     // ===== 单元格编辑 =====
@@ -122689,7 +122710,7 @@ var NormalReportSlotView = {
     },
     // 交换列顺序（columnOrder 重排后强制同步 vxe-table 内部列配置）
     moveColumnOrder: function moveColumnOrder(fromUid, toUid) {
-      var _this15 = this;
+      var _this16 = this;
       var from = this.columnOrder.indexOf(fromUid);
       var to = this.columnOrder.indexOf(toUid);
       if (from < 0 || to < 0 || from === to) return;
@@ -122698,7 +122719,7 @@ var NormalReportSlotView = {
       order.splice(to, 0, moved);
       this.columnOrder = order;
       this.$nextTick(function () {
-        return _this15.applyColumnOrder();
+        return _this16.applyColumnOrder();
       });
     },
     // ===== 对外方法（父组件通过 ref 调用） =====
@@ -122718,9 +122739,10 @@ var NormalReportSlotView = {
     getSelection: function getSelection() {
       return this.$refs.xTable ? this.$refs.xTable.getCheckboxRecords() : [];
     },
-    // 表格重新布局（扩展：外层容器尺寸变化后调用）
+    // 表格重新布局（扩展：外层容器尺寸变化后调用）。
+    // 必须完整重算：否则父容器高度变化后表体高度不更新，内容超出也不出滚动条
     recalculate: function recalculate() {
-      if (this.$refs.xTable) this.$refs.xTable.recalculate();
+      if (this.$refs.xTable) this.$refs.xTable.recalculate(true);
     },
     // 树形表格：设置所有节点展开/收起（供页面“展开全部/收起全部”按钮使用）
     setAllTreeExpand: function setAllTreeExpand(expanded) {
@@ -122735,18 +122757,14 @@ var NormalReportSlotView = {
     // 表现为固定列行与数据行错位。此处监听表格容器尺寸变化，防抖后
     // 重新计算布局并调用 refreshScroll() 强制同步各滚动层位置。
     initResizeObserver: function initResizeObserver() {
-      var _this16 = this;
+      var _this17 = this;
       var wrapEl = this.$refs.tableWrap;
       if (!wrapEl) return;
       if (typeof ResizeObserver !== 'undefined') {
-        this.resizeSkipFirst = true;
+        // 首次通知也要重算。挂载时容器往往已有高度，但还不是 flex 约束后的高度，
+        // 跳过这次就会把“内容撑开的高度”当成可视高度，滚动条不再出现
         this.resizeObserver = new ResizeObserver(function () {
-          // 挂载后的首次通知仅记录基准，跳过无意义重算
-          if (_this16.resizeSkipFirst) {
-            _this16.resizeSkipFirst = false;
-            return;
-          }
-          _this16.scheduleTableRecalculate();
+          _this17.scheduleTableRecalculate();
         });
         this.resizeObserver.observe(wrapEl);
       } else {
@@ -122754,27 +122772,30 @@ var NormalReportSlotView = {
         window.addEventListener('resize', this.handleWindowResize);
       }
     },
-    // 防抖：连续尺寸变化（如拖拽分割线）期间只重算一次
+    // 防抖：连续尺寸变化（如拖拽分割线）停稳后再重算，读到的是最终宽高
     scheduleTableRecalculate: function scheduleTableRecalculate() {
-      var _this17 = this;
-      if (this.resizeTimer) return;
+      var _this18 = this;
+      if (this.resizeTimer) clearTimeout(this.resizeTimer);
       this.resizeTimer = setTimeout(function () {
-        _this17.resizeTimer = null;
-        _this17.resizeRecalculate();
-      }, 100);
+        _this18.resizeTimer = null;
+        _this18.resizeRecalculate();
+      }, 50);
     },
-    // 重新计算布局，并在重算完成后强制同步固定列与主表体的滚动位置
+    // 重新计算布局，并在重算完成后强制同步固定列与主表体的滚动位置。
+    // 容器还没有宽度时 vxe 会直接跳过滚动计算，等下一次尺寸通知再算
     resizeRecalculate: function resizeRecalculate() {
-      var _this18 = this;
+      var _this19 = this;
       var xTable = this.$refs.xTable;
+      var wrapEl = this.$refs.tableWrap;
       if (!xTable) return;
+      if (wrapEl && wrapEl.clientWidth === 0) return;
       var restore = function restore() {
-        _this18.$nextTick(function () {
+        _this19.$nextTick(function () {
           if (xTable.refreshScroll) xTable.refreshScroll();
         });
       };
       if (xTable.recalculate) {
-        var result = xTable.recalculate();
+        var result = xTable.recalculate(true);
         if (result && typeof result.then === 'function') {
           result.then(restore);
         } else {
@@ -122830,13 +122851,13 @@ var NormalReportSlotView = {
       });
       xTable.staticColumns = next;
       this.$nextTick(function () {
-        xTable.recalculate && xTable.recalculate();
+        xTable.recalculate && xTable.recalculate(true);
       });
     },
     // ===== 列设置弹层 =====
     // 打开列设置：以当前注册列生成工作副本（每次打开都重新初始化）
     openColumnSetting: function openColumnSetting() {
-      var _this19 = this;
+      var _this20 = this;
       var compMap = {};
       this.columnComps.forEach(function (comp) {
         compMap[comp._uid] = comp;
@@ -122864,7 +122885,7 @@ var NormalReportSlotView = {
       // 列标题宽度：按最长列名称计算（中文 25px/字 + 英文 15px/字 + 30px 余量），
       // 各列标题统一按该宽度显示，保证输入框与按钮对齐
       this.columnTitleWidth = this.columnDraft.reduce(function (max, c) {
-        return Math.max(max, _this19.calcColumnTitleWidth(c.title));
+        return Math.max(max, _this20.calcColumnTitleWidth(c.title));
       }, 0);
     },
     // 计算单个列标题的显示宽度（px）：中文 25px/字 + 英文 15px/字 + 30px 余量
@@ -122956,10 +122977,10 @@ var NormalReportSlotView = {
     },
     // 确认：将面板副本应用到列状态并刷新表格
     confirmColumnSetting: function confirmColumnSetting() {
-      var _this20 = this;
+      var _this21 = this;
       var order = [];
       this.columnDraft.forEach(function (d) {
-        _this20.$set(_this20.columnStates, d.uid, {
+        _this21.$set(_this21.columnStates, d.uid, {
           visible: d.visible,
           fixed: d.fixed || '',
           minWidth: d.minWidth != null ? d.minWidth : null,
@@ -122970,7 +122991,7 @@ var NormalReportSlotView = {
       this.columnOrder = order;
       this.columnSettingVisible = false;
       this.$nextTick(function () {
-        _this20.applyColumnOrder();
+        _this21.applyColumnOrder();
       });
     }
   }
@@ -122992,8 +123013,8 @@ var StandardTablevue_type_style_index_0_prod_lang_scss_external = __webpack_requ
 
 var StandardTable_component = normalizeComponent(
   components_StandardTablevue_type_script_lang_js,
-  StandardTablevue_type_template_id_05e17600_render,
-  StandardTablevue_type_template_id_05e17600_staticRenderFns,
+  StandardTablevue_type_template_id_a9e9136a_render,
+  StandardTablevue_type_template_id_a9e9136a_staticRenderFns,
   false,
   null,
   null,
@@ -123289,12 +123310,13 @@ var ToolbarLeft_component = normalizeComponent(
  * 工具栏右侧子组件（双标签组件）：
  *
  * <standard-toolbar-right show-adjustment>
- *   <el-button size="mini" icon="el-icon-download" @click="onExport">导出</el-button>
+ *   <standard-toolbar-query query-method="onQuery" show-export export-method="onExport" />
  * </standard-toolbar-right>
  *
  * 说明：
- * 1. 必须放在 <standard-table> 默认插槽内，标签内部内容（按钮等）由主组件
- *    就地渲染到表格操作区右侧（“调整”列设置按钮之前）；
+ * 1. 必须放在 <standard-table> 默认插槽内，标签内部内容（按钮、standard-toolbar-query 等）
+ *    由主组件就地渲染到表格操作区右侧（“调整”列设置按钮之前）；
+ *    standard-toolbar-query 只能放在本组件内部；
  * 2. showAdjustment（模板写法 show-adjustment）：是否显示“调整”列设置按钮。
  *    列设置弹层仍由主组件 StandardTable 渲染，本组件仅声明开关；
  *    主组件自身的 showAdjustment 属性继续有效（任一为 true 即显示“调整”按钮）；
@@ -123365,6 +123387,199 @@ var ToolbarRight_component = normalizeComponent(
 )
 
 /* harmony default export */ const ToolbarRight = (ToolbarRight_component.exports);
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/loaders/templateLoader.js??ruleSet[1].rules[3]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/ToolbarQuery.vue?vue&type=template&id=2b616fae
+var ToolbarQueryvue_type_template_id_2b616fae_render = function render() {
+  var _vm = this,
+    _c = _vm._self._c;
+  return _vm.placedCorrectly ? _c('div', {
+    staticClass: "standard-toolbar-query"
+  }, [_c('standard-input', {
+    attrs: {
+      "value": _vm.keyword,
+      "placeholder": _vm.placeholder
+    },
+    on: {
+      "input": _vm.onInput,
+      "enter": _vm.onQuery
+    }
+  }), _c('standard-button', {
+    attrs: {
+      "type": "primary",
+      "icon": "el-icon-search",
+      "label": "查询",
+      "loading": _vm.loading
+    },
+    on: {
+      "click": _vm.onQuery
+    }
+  }), _vm.showExport ? _c('standard-button', {
+    attrs: {
+      "icon": "el-icon-upload2",
+      "label": "导出"
+    },
+    on: {
+      "click": _vm.onExport
+    }
+  }) : _vm._e()], 1) : _vm._e();
+};
+var ToolbarQueryvue_type_template_id_2b616fae_staticRenderFns = [];
+
+;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/ToolbarQuery.vue?vue&type=script&lang=js
+
+
+
+/**
+ * 工具栏右侧查询子组件（单标签）：
+ *
+ * <standard-toolbar-right>
+ *   <standard-toolbar-query
+ *     v-model="keyword"
+ *     placeholder="请输入关键字"
+ *     query-method="onQuery"
+ *     show-export
+ *     export-method="onExport"
+ *   />
+ * </standard-toolbar-right>
+ *
+ * 说明：
+ * 1. 只能作为 standard-toolbar-right 的子组件使用，放在其它位置时不渲染并给出警告；
+ * 2. 默认包含输入框、查询按钮；showExport（模板写法 show-export）为 true 时再显示导出按钮。
+ *    输入框回车与点击查询等效；
+ * 3. queryMethod / exportMethod（模板写法 query-method / export-method）
+ *    支持函数（直接调用）与字符串（沿父组件链查找页面方法），入参为当前关键字；
+ * 4. 同时派发 query / export 事件，参数同样为当前关键字。export 仅在导出按钮显示时由点击触发。
+ */
+/* harmony default export */ const ToolbarQueryvue_type_script_lang_js = ({
+  name: 'StandardToolbarQuery',
+  components: {
+    StandardInput: StandardInput,
+    StandardButton: StandardButton
+  },
+  model: {
+    prop: 'value',
+    event: 'input'
+  },
+  props: {
+    // v-model 绑定的查询关键字
+    value: {
+      type: [String, Number],
+      "default": ''
+    },
+    // 输入框占位文案
+    placeholder: {
+      type: String,
+      "default": '请输入关键字'
+    },
+    // 查询方法：函数直接调用，字符串则沿父组件链查找同名方法
+    queryMethod: {
+      type: [Function, String],
+      "default": ''
+    },
+    // 导出方法：函数直接调用，字符串则沿父组件链查找同名方法
+    exportMethod: {
+      type: [Function, String],
+      "default": ''
+    },
+    // 是否显示导出按钮，默认不显示
+    showExport: {
+      type: Boolean,
+      "default": false
+    },
+    // 查询按钮加载态
+    loading: {
+      type: Boolean,
+      "default": false
+    }
+  },
+  data: function data() {
+    return {
+      // 未确认父级前先渲染，挂载后若不在 toolbar-right 内再隐藏，避免正确用法被误伤
+      placedCorrectly: true,
+      keyword: this.value == null ? '' : String(this.value)
+    };
+  },
+  watch: {
+    value: function value(val) {
+      this.keyword = val == null ? '' : String(val);
+    }
+  },
+  mounted: function mounted() {
+    this.validatePlacement();
+  },
+  methods: {
+    // 沿父组件链查找 StandardToolbarRight（插槽内容的 $parent 为实际渲染它的组件）
+    findToolbarRight: function findToolbarRight() {
+      var parent = this.$parent;
+      while (parent) {
+        if (parent.$options && parent.$options.name === 'StandardToolbarRight') return parent;
+        parent = parent.$parent;
+      }
+      return null;
+    },
+    // 父组件链与 DOM 宿主双重确认：任一命中即视为放在 standard-toolbar-right 内
+    validatePlacement: function validatePlacement() {
+      var el = this.$el;
+      var byDom = !!(el && el.nodeType === 1 && el.parentElement && el.parentElement.closest('.standard-toolbar-right'));
+      if (this.findToolbarRight() || byDom) return;
+      this.placedCorrectly = false;
+      console.warn('[StandardToolbarQuery] 只能放在 standard-toolbar-right 内部');
+    },
+    onInput: function onInput(val) {
+      this.keyword = val == null ? '' : String(val);
+      this.$emit('input', this.keyword);
+    },
+    // method 为函数时直接调用；为字符串时沿父组件链查找同名方法
+    invokeMethod: function invokeMethod(method, keyword) {
+      if (typeof method === 'function') {
+        method(keyword);
+        return;
+      }
+      if (typeof method === 'string' && method) {
+        var parent = this.$parent;
+        while (parent) {
+          if (typeof parent[method] === 'function') {
+            parent[method](keyword);
+            return;
+          }
+          parent = parent.$parent;
+        }
+        console.warn("[StandardToolbarQuery] \u672A\u627E\u5230\u65B9\u6CD5 ".concat(method));
+      }
+    },
+    onQuery: function onQuery() {
+      var keyword = this.keyword;
+      this.invokeMethod(this.queryMethod, keyword);
+      this.$emit('query', keyword);
+    },
+    onExport: function onExport() {
+      var keyword = this.keyword;
+      this.invokeMethod(this.exportMethod, keyword);
+      this.$emit('export', keyword);
+    }
+  }
+});
+;// ./src/components/StandardTable/ToolbarQuery.vue?vue&type=script&lang=js
+ /* harmony default export */ const StandardTable_ToolbarQueryvue_type_script_lang_js = (ToolbarQueryvue_type_script_lang_js); 
+;// ./src/components/StandardTable/ToolbarQuery.vue
+
+
+
+
+
+/* normalize component */
+;
+var ToolbarQuery_component = normalizeComponent(
+  StandardTable_ToolbarQueryvue_type_script_lang_js,
+  ToolbarQueryvue_type_template_id_2b616fae_render,
+  ToolbarQueryvue_type_template_id_2b616fae_staticRenderFns,
+  false,
+  null,
+  null,
+  null
+  
+)
+
+/* harmony default export */ const ToolbarQuery = (ToolbarQuery_component.exports);
 ;// ./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib/index.js??clonedRuleSet-82.use[1]!./node_modules/@vue/vue-loader-v15/lib/index.js??vue-loader-options!./src/components/StandardTable/FooterLeft.vue?vue&type=script&lang=js
 /**
  * 底部栏左侧子组件（单标签组件）：
@@ -123546,6 +123761,7 @@ var FooterRight_component = normalizeComponent(
  *       'standard-column': StandardTable.Column,
  *       'standard-toolbar-left': StandardTable.ToolbarLeft,
  *       'standard-toolbar-right': StandardTable.ToolbarRight,
+ *       'standard-toolbar-query': StandardTable.ToolbarQuery,
  *       'standard-footer-left': StandardTable.FooterLeft,
  *       'standard-footer-right': StandardTable.FooterRight,
  *       'standard-footer-empty': StandardTable.FooterEmpty,
@@ -123567,10 +123783,12 @@ var FooterRight_component = normalizeComponent(
 
 
 
+
 // 将各子组件挂载为静态属性，方便引用方统一引入注册
 StandardTable.Column = Column;
 StandardTable.ToolbarLeft = ToolbarLeft;
 StandardTable.ToolbarRight = ToolbarRight;
+StandardTable.ToolbarQuery = ToolbarQuery;
 StandardTable.FooterLeft = FooterLeft;
 StandardTable.FooterRight = FooterRight;
 StandardTable.FooterEmpty = FooterEmpty;
@@ -123582,6 +123800,7 @@ StandardTable.install = function (Vue) {
   Vue.component(Column.name, Column);
   Vue.component(ToolbarLeft.name, ToolbarLeft);
   Vue.component(ToolbarRight.name, ToolbarRight);
+  Vue.component(ToolbarQuery.name, ToolbarQuery);
   Vue.component(FooterLeft.name, FooterLeft);
   Vue.component(FooterRight.name, FooterRight);
   Vue.component(FooterEmpty.name, FooterEmpty);