@cimom-ui/standard-ui 1.1.9 → 1.1.12
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +36 -4
- package/dist/standard-ui.common.js +451 -100
- package/dist/standard-ui.umd.js +451 -100
- package/dist/standard-ui.umd.min.js +2 -2
- package/package.json +1 -1
package/dist/standard-ui.umd.js
CHANGED
|
@@ -3097,7 +3097,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3097
3097
|
|
|
3098
3098
|
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()));
|
|
3099
3099
|
// Module
|
|
3100
|
-
___CSS_LOADER_EXPORT___.push([module.id, `body .el-dialog__wrapper{display:flex;align-items:center;justify-content:center}body .el-dialog{border-radius:12px;overflow:hidden;margin:0!important;max-height:90vh;display:flex;flex-direction:column}body .el-dialog.is-fullscreen{max-height:100vh;height:100%;border-radius:0}body .el-dialog__header{background:#fff;border-bottom:1px solid #e8edf4;padding:16px 24px;flex-shrink:0}body .el-dialog__title{font-size:17px;font-weight:600;color:#1f497d}body .el-dialog__body{background:#fff;flex:1;overflow-y:auto}body .el-dialog__footer{background:#fff;border-top:1px solid #e8edf4;padding:12px 24px;flex-shrink:0}body .el-dialog .el-button{padding:7px 15px;font-size:12px;border-radius:3px}body .el-dialog .el-form-item{margin-bottom:3px}body .el-dialog .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0}body .el-dialog .el-form-item__content{margin-left:0!important}.standard-dialog .el-dialog{width:-moz-fit-content;width:fit-content;min-width:300px;max-width:80vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.standard-dialog .el-dialog__footer,.standard-dialog .el-dialog__header{flex-shrink:0}.standard-dialog .el-dialog__wrapper{overflow:hidden}.el-dialog.is-draggable .el-dialog__header,.standard-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog.is-draggable .el-dialog__headerbtn,.standard-dialog.is-draggable .el-dialog__headerbtn{cursor:pointer}.standard-dialog .el-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:6px 12px!important}`, ""]);
|
|
3100
|
+
___CSS_LOADER_EXPORT___.push([module.id, `body .el-dialog__wrapper{display:flex;align-items:center;justify-content:center}body .el-dialog{border-radius:12px;overflow:hidden;margin:0!important;max-height:90vh;display:flex;flex-direction:column}body .el-dialog.is-fullscreen{max-height:100vh;height:100%;border-radius:0}body .el-dialog__header{background:#fff;border-bottom:1px solid #e8edf4;padding:16px 24px;flex-shrink:0}body .el-dialog__title{font-size:17px;font-weight:600;color:#1f497d}body .el-dialog__body{background:#fff;flex:1;overflow-y:auto}body .el-dialog__footer{background:#fff;border-top:1px solid #e8edf4;padding:12px 24px;flex-shrink:0}body .el-dialog .el-button{padding:7px 15px;font-size:12px;border-radius:3px}body .el-dialog .el-form-item{margin-bottom:3px}body .el-dialog .el-form-item__label{float:none;display:inline-block;text-align:left;padding:0}body .el-dialog .el-form-item__content{margin-left:0!important}.standard-dialog .el-dialog{width:-moz-fit-content;width:fit-content;min-width:300px;max-width:80vw;max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.el-dialog.standard-dialog__panel.is-fullscreen,.standard-dialog .el-dialog.is-fullscreen{width:100%;min-width:0;max-width:none;height:100%;max-height:100vh;border-radius:0}.standard-dialog .el-dialog__footer,.standard-dialog .el-dialog__header{flex-shrink:0}.standard-dialog .el-dialog__wrapper{overflow:hidden}.el-dialog.is-draggable .el-dialog__header,.standard-dialog.is-draggable .el-dialog__header{cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none}.el-dialog.is-draggable .el-dialog__headerbtn,.standard-dialog.is-draggable .el-dialog__headerbtn{cursor:pointer}.el-dialog.has-fullscreen-btn .el-dialog__header{padding-right:72px}.el-dialog.has-fullscreen-btn.is-close-hidden .el-dialog__header{padding-right:48px}.standard-dialog__fullscreen{position:absolute;top:20px;right:48px;padding:0;border:none;outline:none;background:transparent;cursor:pointer;font-size:16px;line-height:1;color:#909399}.standard-dialog__fullscreen:focus,.standard-dialog__fullscreen:hover{color:#409eff}.el-dialog.is-close-hidden .standard-dialog__fullscreen{right:20px}.standard-dialog .el-dialog__body{flex:1;min-height:0;overflow-y:auto;padding:6px 12px!important}`, ""]);
|
|
3101
3101
|
// Exports
|
|
3102
3102
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
3103
3103
|
|
|
@@ -3147,7 +3147,7 @@ __webpack_require__.r(__webpack_exports__);
|
|
|
3147
3147
|
|
|
3148
3148
|
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()));
|
|
3149
3149
|
// Module
|
|
3150
|
-
___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:
|
|
3150
|
+
___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}`, ""]);
|
|
3151
3151
|
// Exports
|
|
3152
3152
|
/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
|
|
3153
3153
|
|
|
@@ -118486,8 +118486,8 @@ var component = normalizeComponent(
|
|
|
118486
118486
|
)
|
|
118487
118487
|
|
|
118488
118488
|
/* harmony default export */ const StandardButton = (component.exports);
|
|
118489
|
-
;// ./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/StandardDialog/index.vue?vue&type=template&id=
|
|
118490
|
-
var
|
|
118489
|
+
;// ./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/StandardDialog/index.vue?vue&type=template&id=3b8fc166
|
|
118490
|
+
var StandardDialogvue_type_template_id_3b8fc166_render = function render() {
|
|
118491
118491
|
var _vm = this,
|
|
118492
118492
|
_c = _vm._self._c;
|
|
118493
118493
|
return _c('section', {
|
|
@@ -118500,6 +118500,7 @@ var StandardDialogvue_type_template_id_02bdeb78_render = function render() {
|
|
|
118500
118500
|
attrs: {
|
|
118501
118501
|
"visible": _vm.dialogVisible,
|
|
118502
118502
|
"title": _vm.title,
|
|
118503
|
+
"fullscreen": _vm.fullscreenActive,
|
|
118503
118504
|
"custom-class": _vm.dialogCustomClass,
|
|
118504
118505
|
"close-on-click-modal": _vm.closeOnClickModal
|
|
118505
118506
|
},
|
|
@@ -118509,7 +118510,25 @@ var StandardDialogvue_type_template_id_02bdeb78_render = function render() {
|
|
|
118509
118510
|
},
|
|
118510
118511
|
"opened": _vm.markDraggable
|
|
118511
118512
|
}
|
|
118512
|
-
}, 'el-dialog', _vm.$attrs, false), _vm.$listeners), [
|
|
118513
|
+
}, 'el-dialog', _vm.$attrs, false), _vm.$listeners), [_c('template', {
|
|
118514
|
+
slot: "title"
|
|
118515
|
+
}, [_c('span', {
|
|
118516
|
+
staticClass: "el-dialog__title"
|
|
118517
|
+
}, [_vm._v(_vm._s(_vm.title))]), _vm.fullscreenButtonVisible ? _c('button', {
|
|
118518
|
+
staticClass: "standard-dialog__fullscreen",
|
|
118519
|
+
attrs: {
|
|
118520
|
+
"type": "button",
|
|
118521
|
+
"aria-label": _vm.fullscreenActive ? '退出全屏' : '全屏'
|
|
118522
|
+
},
|
|
118523
|
+
on: {
|
|
118524
|
+
"click": function click($event) {
|
|
118525
|
+
$event.stopPropagation();
|
|
118526
|
+
return _vm.toggleFullscreen.apply(null, arguments);
|
|
118527
|
+
}
|
|
118528
|
+
}
|
|
118529
|
+
}, [_c('i', {
|
|
118530
|
+
"class": _vm.fullscreenActive ? 'el-icon-c-scale-to-original' : 'el-icon-full-screen'
|
|
118531
|
+
})]) : _vm._e()]), _vm._t("default"), _c('template', {
|
|
118513
118532
|
slot: "footer"
|
|
118514
118533
|
}, [_vm.showCancel ? _c('el-button', {
|
|
118515
118534
|
attrs: {
|
|
@@ -118529,7 +118548,7 @@ var StandardDialogvue_type_template_id_02bdeb78_render = function render() {
|
|
|
118529
118548
|
}
|
|
118530
118549
|
}, [_vm._v("确定")]) : _vm._e()], 1)], 2)], 1);
|
|
118531
118550
|
};
|
|
118532
|
-
var
|
|
118551
|
+
var StandardDialogvue_type_template_id_3b8fc166_staticRenderFns = [];
|
|
118533
118552
|
|
|
118534
118553
|
;// ./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/StandardDialog/index.vue?vue&type=script&lang=js
|
|
118535
118554
|
/* harmony default export */ const StandardDialogvue_type_script_lang_js = ({
|
|
@@ -118574,8 +118593,29 @@ var StandardDialogvue_type_template_id_02bdeb78_staticRenderFns = [];
|
|
|
118574
118593
|
draggable: {
|
|
118575
118594
|
type: Boolean,
|
|
118576
118595
|
"default": true
|
|
118596
|
+
},
|
|
118597
|
+
// 是否显示右上角全屏切换按钮(默认不显示,避免已有弹窗多出一个按钮)
|
|
118598
|
+
showFullscreen: {
|
|
118599
|
+
type: Boolean,
|
|
118600
|
+
"default": false
|
|
118601
|
+
},
|
|
118602
|
+
// 是否默认全屏。为 true 时打开即全屏,且全屏切换按钮固定显示
|
|
118603
|
+
defaultFullscreen: {
|
|
118604
|
+
type: Boolean,
|
|
118605
|
+
"default": false
|
|
118606
|
+
},
|
|
118607
|
+
// 打开时是否全屏。声明为 prop 后不再经 $attrs 透传,由内部状态接管 el-dialog
|
|
118608
|
+
fullscreen: {
|
|
118609
|
+
type: Boolean,
|
|
118610
|
+
"default": false
|
|
118577
118611
|
}
|
|
118578
118612
|
},
|
|
118613
|
+
data: function data() {
|
|
118614
|
+
return {
|
|
118615
|
+
// 本次打开期间的全屏状态。关闭再打开时按 fullscreen / default-fullscreen 重新取值
|
|
118616
|
+
fullscreenActive: false
|
|
118617
|
+
};
|
|
118618
|
+
},
|
|
118579
118619
|
computed: {
|
|
118580
118620
|
// v-model 双向桥接:内部 visible.sync 改动时同步回父组件
|
|
118581
118621
|
dialogVisible: {
|
|
@@ -118588,20 +118628,39 @@ var StandardDialogvue_type_template_id_02bdeb78_staticRenderFns = [];
|
|
|
118588
118628
|
},
|
|
118589
118629
|
// 全屏弹窗铺满视口,拖拽没有意义
|
|
118590
118630
|
canDrag: function canDrag() {
|
|
118591
|
-
return this.draggable && !this.
|
|
118631
|
+
return this.draggable && !this.fullscreenActive;
|
|
118632
|
+
},
|
|
118633
|
+
// 默认全屏时切换按钮固定显示,不再依赖 show-fullscreen
|
|
118634
|
+
fullscreenButtonVisible: function fullscreenButtonVisible() {
|
|
118635
|
+
return this.showFullscreen || this.defaultFullscreen;
|
|
118636
|
+
},
|
|
118637
|
+
// 打开时的全屏状态:fullscreen 或 default-fullscreen 任一为真即全屏
|
|
118638
|
+
initialFullscreen: function initialFullscreen() {
|
|
118639
|
+
return this.fullscreen || this.defaultFullscreen;
|
|
118592
118640
|
},
|
|
118593
|
-
//
|
|
118641
|
+
// 未传 show-close 时 Element 默认显示关闭按钮
|
|
118642
|
+
showCloseButton: function showCloseButton() {
|
|
118643
|
+
var attrs = this.$attrs || {};
|
|
118644
|
+
var value = attrs.showClose !== undefined ? attrs.showClose : attrs["show-close"];
|
|
118645
|
+
if (value === undefined) return true;
|
|
118646
|
+
return value !== false && value !== "false";
|
|
118647
|
+
},
|
|
118648
|
+
// 标题栏光标与全屏按钮占位。合并外部 custom-class,避免 v-bind="$attrs" 把外部类名冲掉
|
|
118594
118649
|
dialogCustomClass: function dialogCustomClass() {
|
|
118595
118650
|
var passed = this.$attrs.customClass || this.$attrs["custom-class"] || "";
|
|
118596
|
-
|
|
118597
|
-
|
|
118651
|
+
var classes = [passed, "standard-dialog__panel"];
|
|
118652
|
+
if (this.canDrag) classes.push("is-draggable");
|
|
118653
|
+
if (this.fullscreenButtonVisible) classes.push("has-fullscreen-btn");
|
|
118654
|
+
if (!this.showCloseButton) classes.push("is-close-hidden");
|
|
118655
|
+
return classes.filter(Boolean).join(" ");
|
|
118598
118656
|
}
|
|
118599
118657
|
},
|
|
118600
118658
|
watch: {
|
|
118601
118659
|
visible: function visible(val) {
|
|
118602
118660
|
var _this = this;
|
|
118603
118661
|
if (val) {
|
|
118604
|
-
//
|
|
118662
|
+
// 每次打开按全屏参数恢复,清掉上次拖拽留下的 fixed 定位
|
|
118663
|
+
this.fullscreenActive = this.initialFullscreen;
|
|
118605
118664
|
this.resetDragPosition();
|
|
118606
118665
|
this.$nextTick(function () {
|
|
118607
118666
|
return _this.markDraggable();
|
|
@@ -118621,6 +118680,7 @@ var StandardDialogvue_type_template_id_02bdeb78_staticRenderFns = [];
|
|
|
118621
118680
|
created: function created() {
|
|
118622
118681
|
this._dragging = false;
|
|
118623
118682
|
this._dialogEl = null;
|
|
118683
|
+
this.fullscreenActive = this.initialFullscreen;
|
|
118624
118684
|
},
|
|
118625
118685
|
mounted: function mounted() {
|
|
118626
118686
|
var _this2 = this;
|
|
@@ -118644,10 +118704,16 @@ var StandardDialogvue_type_template_id_02bdeb78_staticRenderFns = [];
|
|
|
118644
118704
|
handleConfirm: function handleConfirm() {
|
|
118645
118705
|
this.$emit("confirm");
|
|
118646
118706
|
},
|
|
118647
|
-
//
|
|
118648
|
-
|
|
118649
|
-
var
|
|
118650
|
-
|
|
118707
|
+
// 进入全屏前清掉拖拽留下的 left / top / width,退出时恢复居中
|
|
118708
|
+
toggleFullscreen: function toggleFullscreen() {
|
|
118709
|
+
var _this3 = this;
|
|
118710
|
+
this.stopDrag();
|
|
118711
|
+
this.resetDragPosition();
|
|
118712
|
+
this.fullscreenActive = !this.fullscreenActive;
|
|
118713
|
+
this.$emit("update:fullscreen", this.fullscreenActive);
|
|
118714
|
+
this.$nextTick(function () {
|
|
118715
|
+
return _this3.markDraggable();
|
|
118716
|
+
});
|
|
118651
118717
|
},
|
|
118652
118718
|
// el-dialog 根节点是 wrapper。append-to-body 后节点会离开 section,仍以组件实例上的 $el 为准
|
|
118653
118719
|
getWrapperEl: function getWrapperEl() {
|
|
@@ -118801,8 +118867,8 @@ var StandardDialogvue_type_style_index_0_prod_lang_scss_external = __webpack_req
|
|
|
118801
118867
|
|
|
118802
118868
|
var StandardDialog_component = normalizeComponent(
|
|
118803
118869
|
components_StandardDialogvue_type_script_lang_js,
|
|
118804
|
-
|
|
118805
|
-
|
|
118870
|
+
StandardDialogvue_type_template_id_3b8fc166_render,
|
|
118871
|
+
StandardDialogvue_type_template_id_3b8fc166_staticRenderFns,
|
|
118806
118872
|
false,
|
|
118807
118873
|
null,
|
|
118808
118874
|
null,
|
|
@@ -121043,8 +121109,8 @@ var StandardTimePick_component = normalizeComponent(
|
|
|
121043
121109
|
)
|
|
121044
121110
|
|
|
121045
121111
|
/* harmony default export */ const StandardTimePick = (StandardTimePick_component.exports);
|
|
121046
|
-
;// ./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=
|
|
121047
|
-
var
|
|
121112
|
+
;// ./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
|
|
121113
|
+
var StandardTablevue_type_template_id_a9e9136a_render = function render() {
|
|
121048
121114
|
var _vm = this,
|
|
121049
121115
|
_c = _vm._self._c;
|
|
121050
121116
|
return _c('section', {
|
|
@@ -121280,6 +121346,7 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121280
121346
|
"row-config": _vm.rowConfig,
|
|
121281
121347
|
"header-cell-config": _vm.headerCellConfig,
|
|
121282
121348
|
"cell-config": _vm.cellConfig,
|
|
121349
|
+
"edit-config": _vm.resolvedEditConfig,
|
|
121283
121350
|
"tree-config": _vm.treeConfig,
|
|
121284
121351
|
"column-config": {
|
|
121285
121352
|
resizable: true
|
|
@@ -121296,14 +121363,16 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121296
121363
|
"checkbox-change": _vm.handleCheckboxChange,
|
|
121297
121364
|
"checkbox-all": _vm.handleCheckboxChange,
|
|
121298
121365
|
"current-change": _vm.handleCurrentRowChange,
|
|
121299
|
-
"toggle-tree-expand": _vm.handleToggleTreeExpand
|
|
121366
|
+
"toggle-tree-expand": _vm.handleToggleTreeExpand,
|
|
121367
|
+
"edit-activated": _vm.onEditActivated,
|
|
121368
|
+
"edit-closed": _vm.onEditClosed
|
|
121300
121369
|
},
|
|
121301
121370
|
nativeOn: {
|
|
121302
121371
|
"mousedown": function mousedown($event) {
|
|
121303
121372
|
return _vm.onTableMousedown.apply(null, arguments);
|
|
121304
121373
|
}
|
|
121305
121374
|
}
|
|
121306
|
-
}, [_vm.showCheckbox ? _c('vxe-column', {
|
|
121375
|
+
}, [_vm.columnsReady && _vm.showCheckbox ? _c('vxe-column', {
|
|
121307
121376
|
attrs: {
|
|
121308
121377
|
"type": "checkbox",
|
|
121309
121378
|
"width": "50",
|
|
@@ -121312,7 +121381,7 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121312
121381
|
"align": "center",
|
|
121313
121382
|
"resizable": false
|
|
121314
121383
|
}
|
|
121315
|
-
}) : _vm._e(), _vm._l(_vm.
|
|
121384
|
+
}) : _vm._e(), _vm._l(_vm.renderedColumns, function (col) {
|
|
121316
121385
|
return _c('vxe-column', {
|
|
121317
121386
|
key: col.key,
|
|
121318
121387
|
attrs: {
|
|
@@ -121328,7 +121397,8 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121328
121397
|
"sort-by": col.sortBy,
|
|
121329
121398
|
"show-overflow": col.showOverflow,
|
|
121330
121399
|
"resizable": col.resizable,
|
|
121331
|
-
"tree-node": col.treeNode
|
|
121400
|
+
"tree-node": col.treeNode,
|
|
121401
|
+
"edit-render": col.editRender || undefined
|
|
121332
121402
|
},
|
|
121333
121403
|
scopedSlots: _vm._u([{
|
|
121334
121404
|
key: "default",
|
|
@@ -121340,7 +121410,18 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121340
121410
|
}
|
|
121341
121411
|
})];
|
|
121342
121412
|
}
|
|
121343
|
-
}
|
|
121413
|
+
}, col.hasEditSlot ? {
|
|
121414
|
+
key: "edit",
|
|
121415
|
+
fn: function fn(scope) {
|
|
121416
|
+
return [_c('normal-report-cell', {
|
|
121417
|
+
attrs: {
|
|
121418
|
+
"col": col,
|
|
121419
|
+
"scope": scope,
|
|
121420
|
+
"edit": ""
|
|
121421
|
+
}
|
|
121422
|
+
})];
|
|
121423
|
+
}
|
|
121424
|
+
} : null], null, true)
|
|
121344
121425
|
});
|
|
121345
121426
|
})], 2)], 1), _vm.getFooterVisible() ? _c('div', {
|
|
121346
121427
|
staticClass: "normal-report-table-footer",
|
|
@@ -121363,7 +121444,7 @@ var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
|
121363
121444
|
}
|
|
121364
121445
|
}) : _vm.getFooterEmptyVisible() ? _c('standard-footer-empty') : _vm._e()], 1);
|
|
121365
121446
|
};
|
|
121366
|
-
var
|
|
121447
|
+
var StandardTablevue_type_template_id_a9e9136a_staticRenderFns = [];
|
|
121367
121448
|
|
|
121368
121449
|
;// ./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
|
|
121369
121450
|
/**
|
|
@@ -121504,15 +121585,22 @@ var NormalReportCell = {
|
|
|
121504
121585
|
"default": function _default() {
|
|
121505
121586
|
return {};
|
|
121506
121587
|
}
|
|
121588
|
+
},
|
|
121589
|
+
edit: {
|
|
121590
|
+
type: Boolean,
|
|
121591
|
+
"default": false
|
|
121507
121592
|
}
|
|
121508
121593
|
},
|
|
121509
121594
|
render: function render(h, ctx) {
|
|
121510
121595
|
var _ctx$props = ctx.props,
|
|
121511
121596
|
col = _ctx$props.col,
|
|
121512
|
-
scope = _ctx$props.scope
|
|
121597
|
+
scope = _ctx$props.scope,
|
|
121598
|
+
edit = _ctx$props.edit;
|
|
121513
121599
|
var parent = ctx.parent;
|
|
121514
121600
|
if (!col || !parent || typeof parent.renderCell !== 'function') return null;
|
|
121515
|
-
|
|
121601
|
+
// 把本次渲染的 h 传下去:操作列按钮必须在当前渲染里创建,
|
|
121602
|
+
// 不能用表格实例上预先生成的 VNode,否则 vxe 调用插槽时按钮挂不上
|
|
121603
|
+
var result = parent.renderCell(col, scope, edit, h);
|
|
121516
121604
|
if (result == null || result === '') return null;
|
|
121517
121605
|
if (Array.isArray(result)) {
|
|
121518
121606
|
return result.map(function (item) {
|
|
@@ -121621,6 +121709,13 @@ var NormalReportSlotView = {
|
|
|
121621
121709
|
type: Object,
|
|
121622
121710
|
"default": null
|
|
121623
121711
|
},
|
|
121712
|
+
// 单元格编辑配置(vxe-table edit-config):
|
|
121713
|
+
// 不传时,只要有列设置了 editable / edit-render / #edit,自动按点击单元格编辑;
|
|
121714
|
+
// 传 false 关闭编辑;传对象则原样交给 vxe-table(如 { trigger: 'dblclick', mode: 'row' })
|
|
121715
|
+
editConfig: {
|
|
121716
|
+
type: [Object, Boolean],
|
|
121717
|
+
"default": null
|
|
121718
|
+
},
|
|
121624
121719
|
// 表格首列是否显示多选框
|
|
121625
121720
|
showCheckbox: {
|
|
121626
121721
|
type: Boolean,
|
|
@@ -121696,12 +121791,17 @@ var NormalReportSlotView = {
|
|
|
121696
121791
|
// ===== 其它 =====
|
|
121697
121792
|
updateTime: '--',
|
|
121698
121793
|
// 数据更新时间(tableData 变化时自动刷新)
|
|
121699
|
-
// 表头行高
|
|
121794
|
+
// 表头行高 36px、内容行高 34px:交给 vxe-table 计算行高,和样式保持一致
|
|
121700
121795
|
headerCellConfig: {
|
|
121701
|
-
height:
|
|
121796
|
+
height: 36
|
|
121702
121797
|
},
|
|
121703
121798
|
cellConfig: {
|
|
121704
|
-
height:
|
|
121799
|
+
height: 34
|
|
121800
|
+
},
|
|
121801
|
+
// 有可编辑列且未传 edit-config 时使用,保持对象引用稳定,避免表格反复重置编辑状态
|
|
121802
|
+
defaultEditConfig: {
|
|
121803
|
+
trigger: 'click',
|
|
121804
|
+
mode: 'cell'
|
|
121705
121805
|
},
|
|
121706
121806
|
// ===== 表头右键菜单 / 拖拽换列 =====
|
|
121707
121807
|
headerMenuCtx: null,
|
|
@@ -121730,7 +121830,9 @@ var NormalReportSlotView = {
|
|
|
121730
121830
|
// ResizeObserver 实例(监听表格容器尺寸变化)
|
|
121731
121831
|
resizeTimer: null,
|
|
121732
121832
|
// 尺寸变化防抖定时器
|
|
121733
|
-
|
|
121833
|
+
// 首屏先让 standard-column 在 created 中注册完,再渲染 vxe-column。
|
|
121834
|
+
// 否则第一次往往只有操作列,vxe-table 会固化它的插槽,随后数据列插入后操作列变空白
|
|
121835
|
+
columnsReady: false
|
|
121734
121836
|
};
|
|
121735
121837
|
},
|
|
121736
121838
|
computed: {
|
|
@@ -121898,10 +122000,19 @@ var NormalReportSlotView = {
|
|
|
121898
122000
|
// 是否显示排序功能:优先取列设置弹层设置的值,未设置时取列组件声明
|
|
121899
122001
|
sortable: st && st.sortable != null ? st.sortable : !!comp.sortable,
|
|
121900
122002
|
showOverflow: comp.showOverflow,
|
|
121901
|
-
resizable: comp.resizable
|
|
122003
|
+
resizable: comp.resizable,
|
|
122004
|
+
// 编辑:edit-render 优先;editable 默认文本输入;仅有 #edit 插槽时用空配置打开编辑
|
|
122005
|
+
editRender: comp.editRender || (comp.editable ? {
|
|
122006
|
+
name: 'input'
|
|
122007
|
+
} : comp.$scopedSlots && comp.$scopedSlots.edit ? {} : null),
|
|
122008
|
+
hasEditSlot: !!(comp.$scopedSlots && comp.$scopedSlots.edit)
|
|
121902
122009
|
};
|
|
121903
122010
|
}).filter(Boolean);
|
|
121904
122011
|
},
|
|
122012
|
+
// 实际交给 vxe-table 的列:列注册完成前不输出,避免操作列先挂载
|
|
122013
|
+
renderedColumns: function renderedColumns() {
|
|
122014
|
+
return this.columnsReady ? this.vxeColumns : [];
|
|
122015
|
+
},
|
|
121905
122016
|
// vxe-table 列配置(用户列 + 操作列;多选框列在模板中单独以 <vxe-column> 声明)
|
|
121906
122017
|
// 注意:vxe-table 3.x 不消费 columns 配置对象,本计算属性仅供模板 v-for 生成 <vxe-column> 子组件
|
|
121907
122018
|
vxeColumns: function vxeColumns() {
|
|
@@ -121939,6 +122050,8 @@ var NormalReportSlotView = {
|
|
|
121939
122050
|
} : undefined,
|
|
121940
122051
|
showOverflow: c.showOverflow !== false,
|
|
121941
122052
|
resizable: c.resizable !== false,
|
|
122053
|
+
editRender: c.editRender || null,
|
|
122054
|
+
hasEditSlot: !!c.hasEditSlot,
|
|
121942
122055
|
comp: c.comp,
|
|
121943
122056
|
isSeq: isSeq,
|
|
121944
122057
|
isOp: false
|
|
@@ -121975,6 +122088,15 @@ var NormalReportSlotView = {
|
|
|
121975
122088
|
return col.visible;
|
|
121976
122089
|
});
|
|
121977
122090
|
return some && !this.columnAllVisible;
|
|
122091
|
+
},
|
|
122092
|
+
// 未显式传入 edit-config 时,存在可编辑列才打开点击编辑,避免影响普通表格的点击行为
|
|
122093
|
+
resolvedEditConfig: function resolvedEditConfig() {
|
|
122094
|
+
if (this.editConfig === false) return null;
|
|
122095
|
+
if (this.editConfig) return this.editConfig;
|
|
122096
|
+
var editable = this.vxeColumns.some(function (col) {
|
|
122097
|
+
return col.editRender;
|
|
122098
|
+
});
|
|
122099
|
+
return editable ? this.defaultEditConfig : null;
|
|
121978
122100
|
}
|
|
121979
122101
|
},
|
|
121980
122102
|
watch: {
|
|
@@ -121989,9 +122111,22 @@ var NormalReportSlotView = {
|
|
|
121989
122111
|
}
|
|
121990
122112
|
},
|
|
121991
122113
|
mounted: function mounted() {
|
|
122114
|
+
var _this4 = this;
|
|
121992
122115
|
this.initResizeObserver();
|
|
121993
122116
|
// 表头拖拽排序结束后抑制一次 click(document 捕获阶段拦截,防止拖拽结束触发排序切换)
|
|
121994
122117
|
document.addEventListener('click', this.onDocumentClickCapture, true);
|
|
122118
|
+
// 本次 patch 中 standard-column 的 created 已经完成注册,此刻再放行列
|
|
122119
|
+
this.columnsReady = true;
|
|
122120
|
+
// 列挂载后再重算。height="100%" 要等浏览器完成 flex 布局才有父容器高度,
|
|
122121
|
+
// 只在 nextTick 里算会把表体高度当成内容高度,滚动条不再出现
|
|
122122
|
+
this.$nextTick(function () {
|
|
122123
|
+
_this4.resizeRecalculate();
|
|
122124
|
+
if (typeof requestAnimationFrame === 'function') {
|
|
122125
|
+
requestAnimationFrame(function () {
|
|
122126
|
+
return _this4.resizeRecalculate();
|
|
122127
|
+
});
|
|
122128
|
+
}
|
|
122129
|
+
});
|
|
121995
122130
|
},
|
|
121996
122131
|
beforeDestroy: function beforeDestroy() {
|
|
121997
122132
|
this.destroyResizeObserver();
|
|
@@ -122016,51 +122151,51 @@ var NormalReportSlotView = {
|
|
|
122016
122151
|
},
|
|
122017
122152
|
// 工具栏左侧子组件 vnode(渲染到操作区左侧)
|
|
122018
122153
|
getToolbarLeftVNodes: function getToolbarLeftVNodes() {
|
|
122019
|
-
var
|
|
122154
|
+
var _this5 = this;
|
|
122020
122155
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122021
|
-
return
|
|
122156
|
+
return _this5.isVNodeOfType(v, TOOLBAR_LEFT_TYPES);
|
|
122022
122157
|
});
|
|
122023
122158
|
},
|
|
122024
122159
|
// 工具栏右侧子组件 vnode(渲染到操作区右侧)
|
|
122025
122160
|
getToolbarRightVNodes: function getToolbarRightVNodes() {
|
|
122026
|
-
var
|
|
122161
|
+
var _this6 = this;
|
|
122027
122162
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122028
|
-
return
|
|
122163
|
+
return _this6.isVNodeOfType(v, TOOLBAR_RIGHT_TYPES);
|
|
122029
122164
|
});
|
|
122030
122165
|
},
|
|
122031
122166
|
// 底部栏左侧子组件 vnode(渲染到底部栏左侧)
|
|
122032
122167
|
getFooterLeftVNodes: function getFooterLeftVNodes() {
|
|
122033
|
-
var
|
|
122168
|
+
var _this7 = this;
|
|
122034
122169
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122035
|
-
return
|
|
122170
|
+
return _this7.isVNodeOfType(v, FOOTER_LEFT_TYPES);
|
|
122036
122171
|
});
|
|
122037
122172
|
},
|
|
122038
122173
|
// 底部栏右侧分页子组件 vnode(渲染到底部栏右侧)
|
|
122039
122174
|
getFooterRightVNodes: function getFooterRightVNodes() {
|
|
122040
|
-
var
|
|
122175
|
+
var _this8 = this;
|
|
122041
122176
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122042
|
-
return
|
|
122177
|
+
return _this8.isVNodeOfType(v, FOOTER_RIGHT_TYPES);
|
|
122043
122178
|
});
|
|
122044
122179
|
},
|
|
122045
122180
|
// 底部空占位子组件 vnode(页面声明时渲染,未声明时使用内置默认占位)
|
|
122046
122181
|
getFooterEmptyVNodes: function getFooterEmptyVNodes() {
|
|
122047
|
-
var
|
|
122182
|
+
var _this9 = this;
|
|
122048
122183
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122049
|
-
return
|
|
122184
|
+
return _this9.isVNodeOfType(v, FOOTER_EMPTY_TYPES);
|
|
122050
122185
|
});
|
|
122051
122186
|
},
|
|
122052
122187
|
// 工具栏空占位子组件 vnode(页面声明时渲染,未声明时使用内置默认占位)
|
|
122053
122188
|
getToolbarEmptyVNodes: function getToolbarEmptyVNodes() {
|
|
122054
|
-
var
|
|
122189
|
+
var _this0 = this;
|
|
122055
122190
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122056
|
-
return
|
|
122191
|
+
return _this0.isVNodeOfType(v, TOOLBAR_EMPTY_TYPES);
|
|
122057
122192
|
});
|
|
122058
122193
|
},
|
|
122059
122194
|
// 隐藏注册区 vnode:默认插槽中除区域子组件(工具栏/底部栏功能区 + 空占位)之外的内容
|
|
122060
122195
|
getHiddenSlotVNodes: function getHiddenSlotVNodes() {
|
|
122061
|
-
var
|
|
122196
|
+
var _this1 = this;
|
|
122062
122197
|
return this.getDefaultSlotVNodes().filter(function (v) {
|
|
122063
|
-
return !
|
|
122198
|
+
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);
|
|
122064
122199
|
});
|
|
122065
122200
|
},
|
|
122066
122201
|
// 操作区是否显示
|
|
@@ -122150,17 +122285,21 @@ var NormalReportSlotView = {
|
|
|
122150
122285
|
},
|
|
122151
122286
|
// ===== 单元格渲染 =====
|
|
122152
122287
|
// 渲染单元格内容(统一分发):seq 序号 / 操作列按钮 / 列组件插槽与字段值
|
|
122153
|
-
renderCell: function renderCell(col, scope) {
|
|
122288
|
+
renderCell: function renderCell(col, scope, isEdit, h) {
|
|
122154
122289
|
// 内置序号列:vxe 插槽参数 seq 即显示序号
|
|
122155
122290
|
if (col.isSeq) {
|
|
122156
122291
|
return String(scope.seq != null ? scope.seq : '');
|
|
122157
122292
|
}
|
|
122158
|
-
//
|
|
122293
|
+
// 操作列:渲染操作按钮(使用单元格本次渲染的 h)
|
|
122159
122294
|
if (col.isOp) {
|
|
122160
|
-
return this.renderOpCell(scope.row);
|
|
122295
|
+
return this.renderOpCell(scope.row, h);
|
|
122161
122296
|
}
|
|
122162
122297
|
var comp = col.comp;
|
|
122163
122298
|
if (!comp) return '';
|
|
122299
|
+
// 编辑态优先走列的 #edit 插槽
|
|
122300
|
+
if (isEdit && comp.$scopedSlots && typeof comp.$scopedSlots.edit === 'function') {
|
|
122301
|
+
return comp.$scopedSlots.edit(scope);
|
|
122302
|
+
}
|
|
122164
122303
|
// 作用域插槽 > 普通插槽 > formatter > 原始字段值
|
|
122165
122304
|
if (comp.$scopedSlots && typeof comp.$scopedSlots["default"] === 'function') {
|
|
122166
122305
|
return comp.$scopedSlots["default"](scope);
|
|
@@ -122178,7 +122317,7 @@ var NormalReportSlotView = {
|
|
|
122178
122317
|
// 渲染单个操作按钮:active 为 false 时不再隐藏(原按 v-if 消失),
|
|
122179
122318
|
// 改为渲染 disabled 按钮(变灰不可操作)
|
|
122180
122319
|
renderOpButton: function renderOpButton(h, row, btn, idx) {
|
|
122181
|
-
var
|
|
122320
|
+
var _this10 = this;
|
|
122182
122321
|
var active = this.isOpActive(btn, row);
|
|
122183
122322
|
var data = {
|
|
122184
122323
|
key: idx,
|
|
@@ -122189,7 +122328,7 @@ var NormalReportSlotView = {
|
|
|
122189
122328
|
},
|
|
122190
122329
|
on: {
|
|
122191
122330
|
click: function click() {
|
|
122192
|
-
return
|
|
122331
|
+
return _this10.handleOpClick(row, btn);
|
|
122193
122332
|
}
|
|
122194
122333
|
},
|
|
122195
122334
|
// 阻止点击事件冒泡到表格单元格:
|
|
@@ -122211,7 +122350,7 @@ var NormalReportSlotView = {
|
|
|
122211
122350
|
// 超出按钮渲染为 el-dropdown-item,点击后走与直接按钮一致的 handleOpClick;
|
|
122212
122351
|
// active 为 false 的按钮以 disabled 形式变灰展示
|
|
122213
122352
|
renderOpMore: function renderOpMore(h, row, restButtons) {
|
|
122214
|
-
var
|
|
122353
|
+
var _this11 = this;
|
|
122215
122354
|
return h('el-dropdown', {
|
|
122216
122355
|
key: '__normal_report_op_more__',
|
|
122217
122356
|
"class": 'normal-report-op-more',
|
|
@@ -122221,7 +122360,7 @@ var NormalReportSlotView = {
|
|
|
122221
122360
|
},
|
|
122222
122361
|
on: {
|
|
122223
122362
|
command: function command(btn) {
|
|
122224
|
-
return
|
|
122363
|
+
return _this11.handleOpClick(row, btn);
|
|
122225
122364
|
}
|
|
122226
122365
|
},
|
|
122227
122366
|
nativeOn: {
|
|
@@ -122239,7 +122378,7 @@ var NormalReportSlotView = {
|
|
|
122239
122378
|
})]), h('el-dropdown-menu', {
|
|
122240
122379
|
slot: 'dropdown'
|
|
122241
122380
|
}, restButtons.map(function (btn, idx) {
|
|
122242
|
-
var active =
|
|
122381
|
+
var active = _this11.isOpActive(btn, row);
|
|
122243
122382
|
return h('el-dropdown-item', {
|
|
122244
122383
|
key: idx,
|
|
122245
122384
|
props: {
|
|
@@ -122254,20 +122393,20 @@ var NormalReportSlotView = {
|
|
|
122254
122393
|
},
|
|
122255
122394
|
// 渲染操作列:按钮 ≤ 3 个时全部直接渲染;超过 3 个时前 3 个直接渲染,
|
|
122256
122395
|
// 其余统一收纳进“更多”下拉菜单;active 为 false 的按钮渲染为 disabled(变灰)
|
|
122257
|
-
renderOpCell: function renderOpCell(row) {
|
|
122258
|
-
var
|
|
122259
|
-
var
|
|
122396
|
+
renderOpCell: function renderOpCell(row, h) {
|
|
122397
|
+
var _this12 = this;
|
|
122398
|
+
var createElement = h || this.$createElement;
|
|
122260
122399
|
var btns = this.opButtons;
|
|
122261
122400
|
if (!btns.length) return null;
|
|
122262
122401
|
if (btns.length <= OP_MAX_DIRECT_COUNT) {
|
|
122263
122402
|
return btns.map(function (btn, idx) {
|
|
122264
|
-
return
|
|
122403
|
+
return _this12.renderOpButton(createElement, row, btn, idx);
|
|
122265
122404
|
});
|
|
122266
122405
|
}
|
|
122267
122406
|
var nodes = btns.slice(0, OP_MAX_DIRECT_COUNT).map(function (btn, idx) {
|
|
122268
|
-
return
|
|
122407
|
+
return _this12.renderOpButton(createElement, row, btn, idx);
|
|
122269
122408
|
});
|
|
122270
|
-
nodes.push(this.renderOpMore(
|
|
122409
|
+
nodes.push(this.renderOpMore(createElement, row, btns.slice(OP_MAX_DIRECT_COUNT)));
|
|
122271
122410
|
return nodes;
|
|
122272
122411
|
},
|
|
122273
122412
|
// 操作按钮是否有效:active 可为布尔值或 (row, btn) => boolean 函数
|
|
@@ -122348,12 +122487,12 @@ var NormalReportSlotView = {
|
|
|
122348
122487
|
},
|
|
122349
122488
|
// 复制文本到剪贴板:优先使用现代 API,失败时降级 execCommand
|
|
122350
122489
|
copyTextToClipboard: function copyTextToClipboard(text) {
|
|
122351
|
-
var
|
|
122490
|
+
var _this13 = this;
|
|
122352
122491
|
if (navigator.clipboard && window.isSecureContext) {
|
|
122353
122492
|
navigator.clipboard.writeText(text).then(function () {
|
|
122354
|
-
|
|
122493
|
+
_this13.$message && _this13.$message.success('复制成功:' + text);
|
|
122355
122494
|
})["catch"](function () {
|
|
122356
|
-
|
|
122495
|
+
_this13.fallbackCopyText(text);
|
|
122357
122496
|
});
|
|
122358
122497
|
} else {
|
|
122359
122498
|
this.fallbackCopyText(text);
|
|
@@ -122439,25 +122578,32 @@ var NormalReportSlotView = {
|
|
|
122439
122578
|
// 切换列的排序开关:sortable 已纳入列 key,修改后强制重建列,
|
|
122440
122579
|
// 再由 applyColumnOrder 恢复列顺序(重建会打乱 staticColumns 顺序)
|
|
122441
122580
|
toggleHeaderColumnSort: function toggleHeaderColumnSort(uid) {
|
|
122442
|
-
var
|
|
122581
|
+
var _this14 = this;
|
|
122443
122582
|
var st = this.columnStates[uid];
|
|
122444
122583
|
if (!st) return;
|
|
122445
122584
|
this.$set(st, 'sortable', !st.sortable);
|
|
122446
122585
|
this.$nextTick(function () {
|
|
122447
|
-
return
|
|
122586
|
+
return _this14.applyColumnOrder();
|
|
122448
122587
|
});
|
|
122449
122588
|
},
|
|
122450
122589
|
// 切换列的固定状态(左/右固定互斥,再次点击同侧即取消):
|
|
122451
122590
|
// fixed 同样纳入列 key,重建后 vxe-table 重新解析固定列分组
|
|
122452
122591
|
toggleHeaderColumnFixed: function toggleHeaderColumnFixed(uid, side) {
|
|
122453
|
-
var
|
|
122592
|
+
var _this15 = this;
|
|
122454
122593
|
var st = this.columnStates[uid];
|
|
122455
122594
|
if (!st) return;
|
|
122456
122595
|
this.$set(st, 'fixed', st.fixed === side ? '' : side);
|
|
122457
122596
|
this.$nextTick(function () {
|
|
122458
|
-
return
|
|
122597
|
+
return _this15.applyColumnOrder();
|
|
122459
122598
|
});
|
|
122460
122599
|
},
|
|
122600
|
+
// ===== 单元格编辑 =====
|
|
122601
|
+
onEditActivated: function onEditActivated(params, evnt) {
|
|
122602
|
+
this.$emit('edit-activated', params, evnt);
|
|
122603
|
+
},
|
|
122604
|
+
onEditClosed: function onEditClosed(params, evnt) {
|
|
122605
|
+
this.$emit('edit-closed', params, evnt);
|
|
122606
|
+
},
|
|
122461
122607
|
// ===== 表头拖拽换列 =====
|
|
122462
122608
|
// 通过 vxe-table 根元素原生 mousedown(冒泡)捕获表头按下:
|
|
122463
122609
|
// 排除列宽拖拽手柄与内置列(多选框/操作列),
|
|
@@ -122564,7 +122710,7 @@ var NormalReportSlotView = {
|
|
|
122564
122710
|
},
|
|
122565
122711
|
// 交换列顺序(columnOrder 重排后强制同步 vxe-table 内部列配置)
|
|
122566
122712
|
moveColumnOrder: function moveColumnOrder(fromUid, toUid) {
|
|
122567
|
-
var
|
|
122713
|
+
var _this16 = this;
|
|
122568
122714
|
var from = this.columnOrder.indexOf(fromUid);
|
|
122569
122715
|
var to = this.columnOrder.indexOf(toUid);
|
|
122570
122716
|
if (from < 0 || to < 0 || from === to) return;
|
|
@@ -122573,7 +122719,7 @@ var NormalReportSlotView = {
|
|
|
122573
122719
|
order.splice(to, 0, moved);
|
|
122574
122720
|
this.columnOrder = order;
|
|
122575
122721
|
this.$nextTick(function () {
|
|
122576
|
-
return
|
|
122722
|
+
return _this16.applyColumnOrder();
|
|
122577
122723
|
});
|
|
122578
122724
|
},
|
|
122579
122725
|
// ===== 对外方法(父组件通过 ref 调用) =====
|
|
@@ -122593,9 +122739,10 @@ var NormalReportSlotView = {
|
|
|
122593
122739
|
getSelection: function getSelection() {
|
|
122594
122740
|
return this.$refs.xTable ? this.$refs.xTable.getCheckboxRecords() : [];
|
|
122595
122741
|
},
|
|
122596
|
-
//
|
|
122742
|
+
// 表格重新布局(扩展:外层容器尺寸变化后调用)。
|
|
122743
|
+
// 必须完整重算:否则父容器高度变化后表体高度不更新,内容超出也不出滚动条
|
|
122597
122744
|
recalculate: function recalculate() {
|
|
122598
|
-
if (this.$refs.xTable) this.$refs.xTable.recalculate();
|
|
122745
|
+
if (this.$refs.xTable) this.$refs.xTable.recalculate(true);
|
|
122599
122746
|
},
|
|
122600
122747
|
// 树形表格:设置所有节点展开/收起(供页面“展开全部/收起全部”按钮使用)
|
|
122601
122748
|
setAllTreeExpand: function setAllTreeExpand(expanded) {
|
|
@@ -122610,18 +122757,14 @@ var NormalReportSlotView = {
|
|
|
122610
122757
|
// 表现为固定列行与数据行错位。此处监听表格容器尺寸变化,防抖后
|
|
122611
122758
|
// 重新计算布局并调用 refreshScroll() 强制同步各滚动层位置。
|
|
122612
122759
|
initResizeObserver: function initResizeObserver() {
|
|
122613
|
-
var
|
|
122760
|
+
var _this17 = this;
|
|
122614
122761
|
var wrapEl = this.$refs.tableWrap;
|
|
122615
122762
|
if (!wrapEl) return;
|
|
122616
122763
|
if (typeof ResizeObserver !== 'undefined') {
|
|
122617
|
-
|
|
122764
|
+
// 首次通知也要重算。挂载时容器往往已有高度,但还不是 flex 约束后的高度,
|
|
122765
|
+
// 跳过这次就会把“内容撑开的高度”当成可视高度,滚动条不再出现
|
|
122618
122766
|
this.resizeObserver = new ResizeObserver(function () {
|
|
122619
|
-
|
|
122620
|
-
if (_this16.resizeSkipFirst) {
|
|
122621
|
-
_this16.resizeSkipFirst = false;
|
|
122622
|
-
return;
|
|
122623
|
-
}
|
|
122624
|
-
_this16.scheduleTableRecalculate();
|
|
122767
|
+
_this17.scheduleTableRecalculate();
|
|
122625
122768
|
});
|
|
122626
122769
|
this.resizeObserver.observe(wrapEl);
|
|
122627
122770
|
} else {
|
|
@@ -122629,27 +122772,30 @@ var NormalReportSlotView = {
|
|
|
122629
122772
|
window.addEventListener('resize', this.handleWindowResize);
|
|
122630
122773
|
}
|
|
122631
122774
|
},
|
|
122632
|
-
//
|
|
122775
|
+
// 防抖:连续尺寸变化(如拖拽分割线)停稳后再重算,读到的是最终宽高
|
|
122633
122776
|
scheduleTableRecalculate: function scheduleTableRecalculate() {
|
|
122634
|
-
var
|
|
122635
|
-
if (this.resizeTimer)
|
|
122777
|
+
var _this18 = this;
|
|
122778
|
+
if (this.resizeTimer) clearTimeout(this.resizeTimer);
|
|
122636
122779
|
this.resizeTimer = setTimeout(function () {
|
|
122637
|
-
|
|
122638
|
-
|
|
122639
|
-
},
|
|
122780
|
+
_this18.resizeTimer = null;
|
|
122781
|
+
_this18.resizeRecalculate();
|
|
122782
|
+
}, 50);
|
|
122640
122783
|
},
|
|
122641
|
-
//
|
|
122784
|
+
// 重新计算布局,并在重算完成后强制同步固定列与主表体的滚动位置。
|
|
122785
|
+
// 容器还没有宽度时 vxe 会直接跳过滚动计算,等下一次尺寸通知再算
|
|
122642
122786
|
resizeRecalculate: function resizeRecalculate() {
|
|
122643
|
-
var
|
|
122787
|
+
var _this19 = this;
|
|
122644
122788
|
var xTable = this.$refs.xTable;
|
|
122789
|
+
var wrapEl = this.$refs.tableWrap;
|
|
122645
122790
|
if (!xTable) return;
|
|
122791
|
+
if (wrapEl && wrapEl.clientWidth === 0) return;
|
|
122646
122792
|
var restore = function restore() {
|
|
122647
|
-
|
|
122793
|
+
_this19.$nextTick(function () {
|
|
122648
122794
|
if (xTable.refreshScroll) xTable.refreshScroll();
|
|
122649
122795
|
});
|
|
122650
122796
|
};
|
|
122651
122797
|
if (xTable.recalculate) {
|
|
122652
|
-
var result = xTable.recalculate();
|
|
122798
|
+
var result = xTable.recalculate(true);
|
|
122653
122799
|
if (result && typeof result.then === 'function') {
|
|
122654
122800
|
result.then(restore);
|
|
122655
122801
|
} else {
|
|
@@ -122705,13 +122851,13 @@ var NormalReportSlotView = {
|
|
|
122705
122851
|
});
|
|
122706
122852
|
xTable.staticColumns = next;
|
|
122707
122853
|
this.$nextTick(function () {
|
|
122708
|
-
xTable.recalculate && xTable.recalculate();
|
|
122854
|
+
xTable.recalculate && xTable.recalculate(true);
|
|
122709
122855
|
});
|
|
122710
122856
|
},
|
|
122711
122857
|
// ===== 列设置弹层 =====
|
|
122712
122858
|
// 打开列设置:以当前注册列生成工作副本(每次打开都重新初始化)
|
|
122713
122859
|
openColumnSetting: function openColumnSetting() {
|
|
122714
|
-
var
|
|
122860
|
+
var _this20 = this;
|
|
122715
122861
|
var compMap = {};
|
|
122716
122862
|
this.columnComps.forEach(function (comp) {
|
|
122717
122863
|
compMap[comp._uid] = comp;
|
|
@@ -122739,7 +122885,7 @@ var NormalReportSlotView = {
|
|
|
122739
122885
|
// 列标题宽度:按最长列名称计算(中文 25px/字 + 英文 15px/字 + 30px 余量),
|
|
122740
122886
|
// 各列标题统一按该宽度显示,保证输入框与按钮对齐
|
|
122741
122887
|
this.columnTitleWidth = this.columnDraft.reduce(function (max, c) {
|
|
122742
|
-
return Math.max(max,
|
|
122888
|
+
return Math.max(max, _this20.calcColumnTitleWidth(c.title));
|
|
122743
122889
|
}, 0);
|
|
122744
122890
|
},
|
|
122745
122891
|
// 计算单个列标题的显示宽度(px):中文 25px/字 + 英文 15px/字 + 30px 余量
|
|
@@ -122831,10 +122977,10 @@ var NormalReportSlotView = {
|
|
|
122831
122977
|
},
|
|
122832
122978
|
// 确认:将面板副本应用到列状态并刷新表格
|
|
122833
122979
|
confirmColumnSetting: function confirmColumnSetting() {
|
|
122834
|
-
var
|
|
122980
|
+
var _this21 = this;
|
|
122835
122981
|
var order = [];
|
|
122836
122982
|
this.columnDraft.forEach(function (d) {
|
|
122837
|
-
|
|
122983
|
+
_this21.$set(_this21.columnStates, d.uid, {
|
|
122838
122984
|
visible: d.visible,
|
|
122839
122985
|
fixed: d.fixed || '',
|
|
122840
122986
|
minWidth: d.minWidth != null ? d.minWidth : null,
|
|
@@ -122845,7 +122991,7 @@ var NormalReportSlotView = {
|
|
|
122845
122991
|
this.columnOrder = order;
|
|
122846
122992
|
this.columnSettingVisible = false;
|
|
122847
122993
|
this.$nextTick(function () {
|
|
122848
|
-
|
|
122994
|
+
_this21.applyColumnOrder();
|
|
122849
122995
|
});
|
|
122850
122996
|
}
|
|
122851
122997
|
}
|
|
@@ -122867,8 +123013,8 @@ var StandardTablevue_type_style_index_0_prod_lang_scss_external = __webpack_requ
|
|
|
122867
123013
|
|
|
122868
123014
|
var StandardTable_component = normalizeComponent(
|
|
122869
123015
|
components_StandardTablevue_type_script_lang_js,
|
|
122870
|
-
|
|
122871
|
-
|
|
123016
|
+
StandardTablevue_type_template_id_a9e9136a_render,
|
|
123017
|
+
StandardTablevue_type_template_id_a9e9136a_staticRenderFns,
|
|
122872
123018
|
false,
|
|
122873
123019
|
null,
|
|
122874
123020
|
null,
|
|
@@ -122897,6 +123043,9 @@ var StandardTable_component = normalizeComponent(
|
|
|
122897
123043
|
* 自动计算最小列宽(中文 15px/个、英文 10px/个,另加 40px 留白);
|
|
122898
123044
|
* 5. tree-node 属性:为 true 时对应 vxe-table 列渲染树节点展开/收起图标
|
|
122899
123045
|
* (配合 vxe-table tree-config 使用)。
|
|
123046
|
+
* 6. 单元格编辑:editable 开启后点击单元格进入输入;
|
|
123047
|
+
* 也可用 edit-render 指定 vxe 编辑器(input / textarea / select 等),
|
|
123048
|
+
* 或用 #edit 插槽自定义编辑内容。
|
|
122900
123049
|
*/
|
|
122901
123050
|
/* harmony default export */ const Columnvue_type_script_lang_js = ({
|
|
122902
123051
|
name: 'StandardColumn',
|
|
@@ -122963,6 +123112,17 @@ var StandardTable_component = normalizeComponent(
|
|
|
122963
123112
|
formatter: {
|
|
122964
123113
|
type: Function,
|
|
122965
123114
|
"default": null
|
|
123115
|
+
},
|
|
123116
|
+
// 是否可编辑(点击单元格进入文本输入)。未传 edit-render 时按 input 处理
|
|
123117
|
+
editable: {
|
|
123118
|
+
type: Boolean,
|
|
123119
|
+
"default": false
|
|
123120
|
+
},
|
|
123121
|
+
// vxe-table 编辑渲染配置(选填),如 { name: 'input' }、{ name: 'select', options }
|
|
123122
|
+
// 传入后优先于 editable
|
|
123123
|
+
editRender: {
|
|
123124
|
+
type: Object,
|
|
123125
|
+
"default": null
|
|
122966
123126
|
}
|
|
122967
123127
|
},
|
|
122968
123128
|
computed: {
|
|
@@ -123150,12 +123310,13 @@ var ToolbarLeft_component = normalizeComponent(
|
|
|
123150
123310
|
* 工具栏右侧子组件(双标签组件):
|
|
123151
123311
|
*
|
|
123152
123312
|
* <standard-toolbar-right show-adjustment>
|
|
123153
|
-
* <
|
|
123313
|
+
* <standard-toolbar-query query-method="onQuery" export-method="onExport" />
|
|
123154
123314
|
* </standard-toolbar-right>
|
|
123155
123315
|
*
|
|
123156
123316
|
* 说明:
|
|
123157
|
-
* 1. 必须放在 <standard-table>
|
|
123158
|
-
*
|
|
123317
|
+
* 1. 必须放在 <standard-table> 默认插槽内,标签内部内容(按钮、standard-toolbar-query 等)
|
|
123318
|
+
* 由主组件就地渲染到表格操作区右侧(“调整”列设置按钮之前);
|
|
123319
|
+
* standard-toolbar-query 只能放在本组件内部;
|
|
123159
123320
|
* 2. showAdjustment(模板写法 show-adjustment):是否显示“调整”列设置按钮。
|
|
123160
123321
|
* 列设置弹层仍由主组件 StandardTable 渲染,本组件仅声明开关;
|
|
123161
123322
|
* 主组件自身的 showAdjustment 属性继续有效(任一为 true 即显示“调整”按钮);
|
|
@@ -123226,6 +123387,192 @@ var ToolbarRight_component = normalizeComponent(
|
|
|
123226
123387
|
)
|
|
123227
123388
|
|
|
123228
123389
|
/* harmony default export */ const ToolbarRight = (ToolbarRight_component.exports);
|
|
123390
|
+
;// ./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=d3cc2f7c
|
|
123391
|
+
var ToolbarQueryvue_type_template_id_d3cc2f7c_render = function render() {
|
|
123392
|
+
var _vm = this,
|
|
123393
|
+
_c = _vm._self._c;
|
|
123394
|
+
return _vm.placedCorrectly ? _c('div', {
|
|
123395
|
+
staticClass: "standard-toolbar-query"
|
|
123396
|
+
}, [_c('standard-input', {
|
|
123397
|
+
attrs: {
|
|
123398
|
+
"value": _vm.keyword,
|
|
123399
|
+
"placeholder": _vm.placeholder
|
|
123400
|
+
},
|
|
123401
|
+
on: {
|
|
123402
|
+
"input": _vm.onInput,
|
|
123403
|
+
"enter": _vm.onQuery
|
|
123404
|
+
}
|
|
123405
|
+
}), _c('standard-button', {
|
|
123406
|
+
attrs: {
|
|
123407
|
+
"type": "primary",
|
|
123408
|
+
"icon": "el-icon-search",
|
|
123409
|
+
"label": "查询",
|
|
123410
|
+
"loading": _vm.loading
|
|
123411
|
+
},
|
|
123412
|
+
on: {
|
|
123413
|
+
"click": _vm.onQuery
|
|
123414
|
+
}
|
|
123415
|
+
}), _c('standard-button', {
|
|
123416
|
+
attrs: {
|
|
123417
|
+
"icon": "el-icon-upload2",
|
|
123418
|
+
"label": "导出"
|
|
123419
|
+
},
|
|
123420
|
+
on: {
|
|
123421
|
+
"click": _vm.onExport
|
|
123422
|
+
}
|
|
123423
|
+
})], 1) : _vm._e();
|
|
123424
|
+
};
|
|
123425
|
+
var ToolbarQueryvue_type_template_id_d3cc2f7c_staticRenderFns = [];
|
|
123426
|
+
|
|
123427
|
+
;// ./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
|
|
123428
|
+
|
|
123429
|
+
|
|
123430
|
+
|
|
123431
|
+
/**
|
|
123432
|
+
* 工具栏右侧查询子组件(单标签):
|
|
123433
|
+
*
|
|
123434
|
+
* <standard-toolbar-right>
|
|
123435
|
+
* <standard-toolbar-query
|
|
123436
|
+
* v-model="keyword"
|
|
123437
|
+
* placeholder="请输入关键字"
|
|
123438
|
+
* query-method="onQuery"
|
|
123439
|
+
* export-method="onExport"
|
|
123440
|
+
* />
|
|
123441
|
+
* </standard-toolbar-right>
|
|
123442
|
+
*
|
|
123443
|
+
* 说明:
|
|
123444
|
+
* 1. 只能作为 standard-toolbar-right 的子组件使用,放在其它位置时不渲染并给出警告;
|
|
123445
|
+
* 2. 默认包含输入框、查询按钮、导出按钮(从左到右);输入框回车与点击查询等效;
|
|
123446
|
+
* 3. queryMethod / exportMethod(模板写法 query-method / export-method)
|
|
123447
|
+
* 支持函数(直接调用)与字符串(沿父组件链查找页面方法),入参为当前关键字;
|
|
123448
|
+
* 4. 同时派发 query / export 事件,参数同样为当前关键字。
|
|
123449
|
+
*/
|
|
123450
|
+
/* harmony default export */ const ToolbarQueryvue_type_script_lang_js = ({
|
|
123451
|
+
name: 'StandardToolbarQuery',
|
|
123452
|
+
components: {
|
|
123453
|
+
StandardInput: StandardInput,
|
|
123454
|
+
StandardButton: StandardButton
|
|
123455
|
+
},
|
|
123456
|
+
model: {
|
|
123457
|
+
prop: 'value',
|
|
123458
|
+
event: 'input'
|
|
123459
|
+
},
|
|
123460
|
+
props: {
|
|
123461
|
+
// v-model 绑定的查询关键字
|
|
123462
|
+
value: {
|
|
123463
|
+
type: [String, Number],
|
|
123464
|
+
"default": ''
|
|
123465
|
+
},
|
|
123466
|
+
// 输入框占位文案
|
|
123467
|
+
placeholder: {
|
|
123468
|
+
type: String,
|
|
123469
|
+
"default": '请输入关键字'
|
|
123470
|
+
},
|
|
123471
|
+
// 查询方法:函数直接调用,字符串则沿父组件链查找同名方法
|
|
123472
|
+
queryMethod: {
|
|
123473
|
+
type: [Function, String],
|
|
123474
|
+
"default": ''
|
|
123475
|
+
},
|
|
123476
|
+
// 导出方法:函数直接调用,字符串则沿父组件链查找同名方法
|
|
123477
|
+
exportMethod: {
|
|
123478
|
+
type: [Function, String],
|
|
123479
|
+
"default": ''
|
|
123480
|
+
},
|
|
123481
|
+
// 查询按钮加载态
|
|
123482
|
+
loading: {
|
|
123483
|
+
type: Boolean,
|
|
123484
|
+
"default": false
|
|
123485
|
+
}
|
|
123486
|
+
},
|
|
123487
|
+
data: function data() {
|
|
123488
|
+
return {
|
|
123489
|
+
// 未确认父级前先渲染,挂载后若不在 toolbar-right 内再隐藏,避免正确用法被误伤
|
|
123490
|
+
placedCorrectly: true,
|
|
123491
|
+
keyword: this.value == null ? '' : String(this.value)
|
|
123492
|
+
};
|
|
123493
|
+
},
|
|
123494
|
+
watch: {
|
|
123495
|
+
value: function value(val) {
|
|
123496
|
+
this.keyword = val == null ? '' : String(val);
|
|
123497
|
+
}
|
|
123498
|
+
},
|
|
123499
|
+
mounted: function mounted() {
|
|
123500
|
+
this.validatePlacement();
|
|
123501
|
+
},
|
|
123502
|
+
methods: {
|
|
123503
|
+
// 沿父组件链查找 StandardToolbarRight(插槽内容的 $parent 为实际渲染它的组件)
|
|
123504
|
+
findToolbarRight: function findToolbarRight() {
|
|
123505
|
+
var parent = this.$parent;
|
|
123506
|
+
while (parent) {
|
|
123507
|
+
if (parent.$options && parent.$options.name === 'StandardToolbarRight') return parent;
|
|
123508
|
+
parent = parent.$parent;
|
|
123509
|
+
}
|
|
123510
|
+
return null;
|
|
123511
|
+
},
|
|
123512
|
+
// 父组件链与 DOM 宿主双重确认:任一命中即视为放在 standard-toolbar-right 内
|
|
123513
|
+
validatePlacement: function validatePlacement() {
|
|
123514
|
+
var el = this.$el;
|
|
123515
|
+
var byDom = !!(el && el.nodeType === 1 && el.parentElement && el.parentElement.closest('.standard-toolbar-right'));
|
|
123516
|
+
if (this.findToolbarRight() || byDom) return;
|
|
123517
|
+
this.placedCorrectly = false;
|
|
123518
|
+
console.warn('[StandardToolbarQuery] 只能放在 standard-toolbar-right 内部');
|
|
123519
|
+
},
|
|
123520
|
+
onInput: function onInput(val) {
|
|
123521
|
+
this.keyword = val == null ? '' : String(val);
|
|
123522
|
+
this.$emit('input', this.keyword);
|
|
123523
|
+
},
|
|
123524
|
+
// method 为函数时直接调用;为字符串时沿父组件链查找同名方法
|
|
123525
|
+
invokeMethod: function invokeMethod(method, keyword) {
|
|
123526
|
+
if (typeof method === 'function') {
|
|
123527
|
+
method(keyword);
|
|
123528
|
+
return;
|
|
123529
|
+
}
|
|
123530
|
+
if (typeof method === 'string' && method) {
|
|
123531
|
+
var parent = this.$parent;
|
|
123532
|
+
while (parent) {
|
|
123533
|
+
if (typeof parent[method] === 'function') {
|
|
123534
|
+
parent[method](keyword);
|
|
123535
|
+
return;
|
|
123536
|
+
}
|
|
123537
|
+
parent = parent.$parent;
|
|
123538
|
+
}
|
|
123539
|
+
console.warn("[StandardToolbarQuery] \u672A\u627E\u5230\u65B9\u6CD5 ".concat(method));
|
|
123540
|
+
}
|
|
123541
|
+
},
|
|
123542
|
+
onQuery: function onQuery() {
|
|
123543
|
+
var keyword = this.keyword;
|
|
123544
|
+
this.invokeMethod(this.queryMethod, keyword);
|
|
123545
|
+
this.$emit('query', keyword);
|
|
123546
|
+
},
|
|
123547
|
+
onExport: function onExport() {
|
|
123548
|
+
var keyword = this.keyword;
|
|
123549
|
+
this.invokeMethod(this.exportMethod, keyword);
|
|
123550
|
+
this.$emit('export', keyword);
|
|
123551
|
+
}
|
|
123552
|
+
}
|
|
123553
|
+
});
|
|
123554
|
+
;// ./src/components/StandardTable/ToolbarQuery.vue?vue&type=script&lang=js
|
|
123555
|
+
/* harmony default export */ const StandardTable_ToolbarQueryvue_type_script_lang_js = (ToolbarQueryvue_type_script_lang_js);
|
|
123556
|
+
;// ./src/components/StandardTable/ToolbarQuery.vue
|
|
123557
|
+
|
|
123558
|
+
|
|
123559
|
+
|
|
123560
|
+
|
|
123561
|
+
|
|
123562
|
+
/* normalize component */
|
|
123563
|
+
;
|
|
123564
|
+
var ToolbarQuery_component = normalizeComponent(
|
|
123565
|
+
StandardTable_ToolbarQueryvue_type_script_lang_js,
|
|
123566
|
+
ToolbarQueryvue_type_template_id_d3cc2f7c_render,
|
|
123567
|
+
ToolbarQueryvue_type_template_id_d3cc2f7c_staticRenderFns,
|
|
123568
|
+
false,
|
|
123569
|
+
null,
|
|
123570
|
+
null,
|
|
123571
|
+
null
|
|
123572
|
+
|
|
123573
|
+
)
|
|
123574
|
+
|
|
123575
|
+
/* harmony default export */ const ToolbarQuery = (ToolbarQuery_component.exports);
|
|
123229
123576
|
;// ./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
|
|
123230
123577
|
/**
|
|
123231
123578
|
* 底部栏左侧子组件(单标签组件):
|
|
@@ -123407,6 +123754,7 @@ var FooterRight_component = normalizeComponent(
|
|
|
123407
123754
|
* 'standard-column': StandardTable.Column,
|
|
123408
123755
|
* 'standard-toolbar-left': StandardTable.ToolbarLeft,
|
|
123409
123756
|
* 'standard-toolbar-right': StandardTable.ToolbarRight,
|
|
123757
|
+
* 'standard-toolbar-query': StandardTable.ToolbarQuery,
|
|
123410
123758
|
* 'standard-footer-left': StandardTable.FooterLeft,
|
|
123411
123759
|
* 'standard-footer-right': StandardTable.FooterRight,
|
|
123412
123760
|
* 'standard-footer-empty': StandardTable.FooterEmpty,
|
|
@@ -123428,10 +123776,12 @@ var FooterRight_component = normalizeComponent(
|
|
|
123428
123776
|
|
|
123429
123777
|
|
|
123430
123778
|
|
|
123779
|
+
|
|
123431
123780
|
// 将各子组件挂载为静态属性,方便引用方统一引入注册
|
|
123432
123781
|
StandardTable.Column = Column;
|
|
123433
123782
|
StandardTable.ToolbarLeft = ToolbarLeft;
|
|
123434
123783
|
StandardTable.ToolbarRight = ToolbarRight;
|
|
123784
|
+
StandardTable.ToolbarQuery = ToolbarQuery;
|
|
123435
123785
|
StandardTable.FooterLeft = FooterLeft;
|
|
123436
123786
|
StandardTable.FooterRight = FooterRight;
|
|
123437
123787
|
StandardTable.FooterEmpty = FooterEmpty;
|
|
@@ -123443,6 +123793,7 @@ StandardTable.install = function (Vue) {
|
|
|
123443
123793
|
Vue.component(Column.name, Column);
|
|
123444
123794
|
Vue.component(ToolbarLeft.name, ToolbarLeft);
|
|
123445
123795
|
Vue.component(ToolbarRight.name, ToolbarRight);
|
|
123796
|
+
Vue.component(ToolbarQuery.name, ToolbarQuery);
|
|
123446
123797
|
Vue.component(FooterLeft.name, FooterLeft);
|
|
123447
123798
|
Vue.component(FooterRight.name, FooterRight);
|
|
123448
123799
|
Vue.component(FooterEmpty.name, FooterEmpty);
|