@cimom-ui/standard-ui 1.1.7 → 1.1.9
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/dist/standard-ui.common.js +222 -17
- package/dist/standard-ui.umd.js +222 -17
- package/dist/standard-ui.umd.min.js +3 -3
- 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__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}.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}`, ""]);
|
|
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--
|
|
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: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-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,22 +118486,28 @@ 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=02bdeb78
|
|
118490
|
+
var StandardDialogvue_type_template_id_02bdeb78_render = function render() {
|
|
118491
118491
|
var _vm = this,
|
|
118492
118492
|
_c = _vm._self._c;
|
|
118493
118493
|
return _c('section', {
|
|
118494
|
-
staticClass: "standard-dialog"
|
|
118494
|
+
staticClass: "standard-dialog",
|
|
118495
|
+
"class": {
|
|
118496
|
+
'is-draggable': _vm.canDrag
|
|
118497
|
+
}
|
|
118495
118498
|
}, [_c('el-dialog', _vm._g(_vm._b({
|
|
118499
|
+
ref: "dialog",
|
|
118496
118500
|
attrs: {
|
|
118497
118501
|
"visible": _vm.dialogVisible,
|
|
118498
118502
|
"title": _vm.title,
|
|
118503
|
+
"custom-class": _vm.dialogCustomClass,
|
|
118499
118504
|
"close-on-click-modal": _vm.closeOnClickModal
|
|
118500
118505
|
},
|
|
118501
118506
|
on: {
|
|
118502
118507
|
"update:visible": function updateVisible($event) {
|
|
118503
118508
|
_vm.dialogVisible = $event;
|
|
118504
|
-
}
|
|
118509
|
+
},
|
|
118510
|
+
"opened": _vm.markDraggable
|
|
118505
118511
|
}
|
|
118506
118512
|
}, 'el-dialog', _vm.$attrs, false), _vm.$listeners), [_vm._t("default"), _c('template', {
|
|
118507
118513
|
slot: "footer"
|
|
@@ -118523,7 +118529,7 @@ var StandardDialogvue_type_template_id_cddded30_render = function render() {
|
|
|
118523
118529
|
}
|
|
118524
118530
|
}, [_vm._v("确定")]) : _vm._e()], 1)], 2)], 1);
|
|
118525
118531
|
};
|
|
118526
|
-
var
|
|
118532
|
+
var StandardDialogvue_type_template_id_02bdeb78_staticRenderFns = [];
|
|
118527
118533
|
|
|
118528
118534
|
;// ./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
|
|
118529
118535
|
/* harmony default export */ const StandardDialogvue_type_script_lang_js = ({
|
|
@@ -118563,6 +118569,11 @@ var StandardDialogvue_type_template_id_cddded30_staticRenderFns = [];
|
|
|
118563
118569
|
closeOnClickModal: {
|
|
118564
118570
|
type: Boolean,
|
|
118565
118571
|
"default": false
|
|
118572
|
+
},
|
|
118573
|
+
// 是否允许拖拽标题栏移动弹窗(默认开启,传 false 关闭)
|
|
118574
|
+
draggable: {
|
|
118575
|
+
type: Boolean,
|
|
118576
|
+
"default": true
|
|
118566
118577
|
}
|
|
118567
118578
|
},
|
|
118568
118579
|
computed: {
|
|
@@ -118574,8 +118585,55 @@ var StandardDialogvue_type_template_id_cddded30_staticRenderFns = [];
|
|
|
118574
118585
|
set: function set(val) {
|
|
118575
118586
|
this.$emit("update:visible", val);
|
|
118576
118587
|
}
|
|
118588
|
+
},
|
|
118589
|
+
// 全屏弹窗铺满视口,拖拽没有意义
|
|
118590
|
+
canDrag: function canDrag() {
|
|
118591
|
+
return this.draggable && !this.isFullscreen();
|
|
118592
|
+
},
|
|
118593
|
+
// 标题栏光标。合并外部 custom-class,避免 v-bind="$attrs" 把外部类名冲掉
|
|
118594
|
+
dialogCustomClass: function dialogCustomClass() {
|
|
118595
|
+
var passed = this.$attrs.customClass || this.$attrs["custom-class"] || "";
|
|
118596
|
+
if (!this.canDrag) return passed;
|
|
118597
|
+
return (passed + " is-draggable").trim();
|
|
118577
118598
|
}
|
|
118578
118599
|
},
|
|
118600
|
+
watch: {
|
|
118601
|
+
visible: function visible(val) {
|
|
118602
|
+
var _this = this;
|
|
118603
|
+
if (val) {
|
|
118604
|
+
// 打开前清掉上次的 fixed 定位,弹窗重新按 flex 居中
|
|
118605
|
+
this.resetDragPosition();
|
|
118606
|
+
this.$nextTick(function () {
|
|
118607
|
+
return _this.markDraggable();
|
|
118608
|
+
});
|
|
118609
|
+
return;
|
|
118610
|
+
}
|
|
118611
|
+
this.stopDrag();
|
|
118612
|
+
},
|
|
118613
|
+
draggable: function draggable() {
|
|
118614
|
+
if (!this.draggable) {
|
|
118615
|
+
this.stopDrag();
|
|
118616
|
+
this.resetDragPosition();
|
|
118617
|
+
}
|
|
118618
|
+
this.markDraggable();
|
|
118619
|
+
}
|
|
118620
|
+
},
|
|
118621
|
+
created: function created() {
|
|
118622
|
+
this._dragging = false;
|
|
118623
|
+
this._dialogEl = null;
|
|
118624
|
+
},
|
|
118625
|
+
mounted: function mounted() {
|
|
118626
|
+
var _this2 = this;
|
|
118627
|
+
// 在 document 捕获阶段听按下:不依赖弹层内部 ref,标题栏一渲染就能拖
|
|
118628
|
+
document.addEventListener("mousedown", this.onDocumentMouseDown, true);
|
|
118629
|
+
this.$nextTick(function () {
|
|
118630
|
+
return _this2.markDraggable();
|
|
118631
|
+
});
|
|
118632
|
+
},
|
|
118633
|
+
beforeDestroy: function beforeDestroy() {
|
|
118634
|
+
this.stopDrag();
|
|
118635
|
+
document.removeEventListener("mousedown", this.onDocumentMouseDown, true);
|
|
118636
|
+
},
|
|
118579
118637
|
methods: {
|
|
118580
118638
|
// 取消:通知父组件并自动关闭弹窗
|
|
118581
118639
|
handleCancel: function handleCancel() {
|
|
@@ -118585,6 +118643,144 @@ var StandardDialogvue_type_template_id_cddded30_staticRenderFns = [];
|
|
|
118585
118643
|
// 确定:仅通知父组件(是否关闭由父组件在业务处理完成后控制)
|
|
118586
118644
|
handleConfirm: function handleConfirm() {
|
|
118587
118645
|
this.$emit("confirm");
|
|
118646
|
+
},
|
|
118647
|
+
// fullscreen 未声明为 prop,经 $attrs 透传;无值写法会落到空字符串
|
|
118648
|
+
isFullscreen: function isFullscreen() {
|
|
118649
|
+
var value = this.$attrs.fullscreen;
|
|
118650
|
+
return value === "" || value === true || value === "true";
|
|
118651
|
+
},
|
|
118652
|
+
// el-dialog 根节点是 wrapper。append-to-body 后节点会离开 section,仍以组件实例上的 $el 为准
|
|
118653
|
+
getWrapperEl: function getWrapperEl() {
|
|
118654
|
+
var dialog = this.$refs.dialog;
|
|
118655
|
+
var candidates = [];
|
|
118656
|
+
if (dialog && dialog.$el) candidates.push(dialog.$el);
|
|
118657
|
+
if (this.$el) candidates.push(this.$el);
|
|
118658
|
+
for (var i = 0; i < candidates.length; i++) {
|
|
118659
|
+
var el = candidates[i];
|
|
118660
|
+
if (!el || el.nodeType !== 1) continue;
|
|
118661
|
+
if (el.classList.contains("el-dialog__wrapper")) return el;
|
|
118662
|
+
if (el.querySelector) {
|
|
118663
|
+
var wrapper = el.querySelector(".el-dialog__wrapper");
|
|
118664
|
+
if (wrapper) return wrapper;
|
|
118665
|
+
}
|
|
118666
|
+
}
|
|
118667
|
+
return null;
|
|
118668
|
+
},
|
|
118669
|
+
getDialogEl: function getDialogEl() {
|
|
118670
|
+
var wrapper = this.getWrapperEl();
|
|
118671
|
+
return wrapper ? wrapper.querySelector(".el-dialog") : null;
|
|
118672
|
+
},
|
|
118673
|
+
markDraggable: function markDraggable() {
|
|
118674
|
+
var dialogEl = this.getDialogEl();
|
|
118675
|
+
if (!dialogEl) return;
|
|
118676
|
+
dialogEl.classList.toggle("is-draggable", this.canDrag);
|
|
118677
|
+
},
|
|
118678
|
+
// 只响应本弹窗标题栏。关闭按钮、标题里的表单控件不进入拖拽
|
|
118679
|
+
onDocumentMouseDown: function onDocumentMouseDown(event) {
|
|
118680
|
+
if (!this.canDrag || !this.visible || this._dragging || event.button !== 0) return;
|
|
118681
|
+
var target = event.target;
|
|
118682
|
+
if (!target || !target.closest) return;
|
|
118683
|
+
if (target.closest(".el-dialog__headerbtn, button, input, textarea, select, a")) return;
|
|
118684
|
+
var header = target.closest(".el-dialog__header");
|
|
118685
|
+
if (!header) return;
|
|
118686
|
+
var dialogEl = header.closest(".el-dialog");
|
|
118687
|
+
var wrapper = this.getWrapperEl();
|
|
118688
|
+
if (!dialogEl || !wrapper || !wrapper.contains(dialogEl)) return;
|
|
118689
|
+
if (dialogEl.classList.contains("is-fullscreen")) return;
|
|
118690
|
+
this.startDrag(event, dialogEl);
|
|
118691
|
+
},
|
|
118692
|
+
// 弹窗默认靠 flex 居中,直接改 transform / margin 会被居中布局吃掉。
|
|
118693
|
+
// 按下时改成 fixed,并用按下后的实际位置回正,避免切换定位时跳动
|
|
118694
|
+
startDrag: function startDrag(event, dialogEl) {
|
|
118695
|
+
var rect = dialogEl.getBoundingClientRect();
|
|
118696
|
+
dialogEl.style.width = rect.width + "px";
|
|
118697
|
+
dialogEl.style.position = "fixed";
|
|
118698
|
+
dialogEl.style.margin = "0";
|
|
118699
|
+
dialogEl.style.transform = "none";
|
|
118700
|
+
dialogEl.style.left = rect.left + "px";
|
|
118701
|
+
dialogEl.style.top = rect.top + "px";
|
|
118702
|
+
var fixedRect = dialogEl.getBoundingClientRect();
|
|
118703
|
+
var left = rect.left + (rect.left - fixedRect.left);
|
|
118704
|
+
var top = rect.top + (rect.top - fixedRect.top);
|
|
118705
|
+
dialogEl.style.left = left + "px";
|
|
118706
|
+
dialogEl.style.top = top + "px";
|
|
118707
|
+
this._dragging = true;
|
|
118708
|
+
this._moved = false;
|
|
118709
|
+
this._dialogEl = dialogEl;
|
|
118710
|
+
this._startX = event.clientX;
|
|
118711
|
+
this._startY = event.clientY;
|
|
118712
|
+
this._originLeft = left;
|
|
118713
|
+
this._originTop = top;
|
|
118714
|
+
this._dialogWidth = rect.width;
|
|
118715
|
+
this._prevUserSelect = document.body.style.userSelect;
|
|
118716
|
+
this._prevCursor = document.body.style.cursor;
|
|
118717
|
+
document.body.style.userSelect = "none";
|
|
118718
|
+
document.body.style.cursor = "move";
|
|
118719
|
+
window.addEventListener("mousemove", this.onDragMove, true);
|
|
118720
|
+
window.addEventListener("mouseup", this.onDragEnd, true);
|
|
118721
|
+
window.addEventListener("blur", this.onDragEnd);
|
|
118722
|
+
event.preventDefault();
|
|
118723
|
+
},
|
|
118724
|
+
onDragMove: function onDragMove(event) {
|
|
118725
|
+
if (!this._dragging || !this._dialogEl) return;
|
|
118726
|
+
var left = this._originLeft + (event.clientX - this._startX);
|
|
118727
|
+
var top = this._originTop + (event.clientY - this._startY);
|
|
118728
|
+
// 至少留出一段标题栏,避免整个弹窗被拖出视口后无法再拖回来
|
|
118729
|
+
var minVisible = 48;
|
|
118730
|
+
var maxLeft = window.innerWidth - minVisible;
|
|
118731
|
+
var minLeft = minVisible - this._dialogWidth;
|
|
118732
|
+
var maxTop = window.innerHeight - minVisible;
|
|
118733
|
+
left = Math.min(maxLeft, Math.max(minLeft, left));
|
|
118734
|
+
top = Math.min(maxTop, Math.max(0, top));
|
|
118735
|
+
left = Math.round(left);
|
|
118736
|
+
top = Math.round(top);
|
|
118737
|
+
this._dialogEl.style.left = left + "px";
|
|
118738
|
+
this._dialogEl.style.top = top + "px";
|
|
118739
|
+
if (left !== Math.round(this._originLeft) || top !== Math.round(this._originTop)) {
|
|
118740
|
+
this._moved = true;
|
|
118741
|
+
}
|
|
118742
|
+
event.preventDefault();
|
|
118743
|
+
},
|
|
118744
|
+
onDragEnd: function onDragEnd(event) {
|
|
118745
|
+
if (!this._dragging) return;
|
|
118746
|
+
var moved = this._moved;
|
|
118747
|
+
var isMouseUp = event && event.type === "mouseup";
|
|
118748
|
+
this.stopDrag();
|
|
118749
|
+
// 拖拽松手后的 click 会冒泡到遮罩,已移动时吃掉这一次,避免误关闭
|
|
118750
|
+
if (moved && isMouseUp) {
|
|
118751
|
+
this.suppressNextClick();
|
|
118752
|
+
}
|
|
118753
|
+
},
|
|
118754
|
+
stopDrag: function stopDrag() {
|
|
118755
|
+
if (!this._dragging) return;
|
|
118756
|
+
this._dragging = false;
|
|
118757
|
+
window.removeEventListener("mousemove", this.onDragMove, true);
|
|
118758
|
+
window.removeEventListener("mouseup", this.onDragEnd, true);
|
|
118759
|
+
window.removeEventListener("blur", this.onDragEnd);
|
|
118760
|
+
document.body.style.userSelect = this._prevUserSelect || "";
|
|
118761
|
+
document.body.style.cursor = this._prevCursor || "";
|
|
118762
|
+
},
|
|
118763
|
+
suppressNextClick: function suppressNextClick() {
|
|
118764
|
+
var _preventClick = function preventClick(event) {
|
|
118765
|
+
event.preventDefault();
|
|
118766
|
+
event.stopPropagation();
|
|
118767
|
+
document.removeEventListener("click", _preventClick, true);
|
|
118768
|
+
};
|
|
118769
|
+
document.addEventListener("click", _preventClick, true);
|
|
118770
|
+
setTimeout(function () {
|
|
118771
|
+
document.removeEventListener("click", _preventClick, true);
|
|
118772
|
+
}, 50);
|
|
118773
|
+
},
|
|
118774
|
+
resetDragPosition: function resetDragPosition() {
|
|
118775
|
+
var dialogEl = this._dialogEl || this.getDialogEl();
|
|
118776
|
+
this._dialogEl = dialogEl;
|
|
118777
|
+
if (!dialogEl) return;
|
|
118778
|
+
dialogEl.style.position = "";
|
|
118779
|
+
dialogEl.style.margin = "";
|
|
118780
|
+
dialogEl.style.left = "";
|
|
118781
|
+
dialogEl.style.top = "";
|
|
118782
|
+
dialogEl.style.width = "";
|
|
118783
|
+
dialogEl.style.transform = "";
|
|
118588
118784
|
}
|
|
118589
118785
|
}
|
|
118590
118786
|
});
|
|
@@ -118605,8 +118801,8 @@ var StandardDialogvue_type_style_index_0_prod_lang_scss_external = __webpack_req
|
|
|
118605
118801
|
|
|
118606
118802
|
var StandardDialog_component = normalizeComponent(
|
|
118607
118803
|
components_StandardDialogvue_type_script_lang_js,
|
|
118608
|
-
|
|
118609
|
-
|
|
118804
|
+
StandardDialogvue_type_template_id_02bdeb78_render,
|
|
118805
|
+
StandardDialogvue_type_template_id_02bdeb78_staticRenderFns,
|
|
118610
118806
|
false,
|
|
118611
118807
|
null,
|
|
118612
118808
|
null,
|
|
@@ -120847,8 +121043,8 @@ var StandardTimePick_component = normalizeComponent(
|
|
|
120847
121043
|
)
|
|
120848
121044
|
|
|
120849
121045
|
/* harmony default export */ const StandardTimePick = (StandardTimePick_component.exports);
|
|
120850
|
-
;// ./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=
|
|
120851
|
-
var
|
|
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=03577217
|
|
121047
|
+
var StandardTablevue_type_template_id_03577217_render = function render() {
|
|
120852
121048
|
var _vm = this,
|
|
120853
121049
|
_c = _vm._self._c;
|
|
120854
121050
|
return _c('section', {
|
|
@@ -121082,6 +121278,8 @@ var StandardTablevue_type_template_id_6731fdd3_render = function render() {
|
|
|
121082
121278
|
"border": "",
|
|
121083
121279
|
"highlight-current-row": "",
|
|
121084
121280
|
"row-config": _vm.rowConfig,
|
|
121281
|
+
"header-cell-config": _vm.headerCellConfig,
|
|
121282
|
+
"cell-config": _vm.cellConfig,
|
|
121085
121283
|
"tree-config": _vm.treeConfig,
|
|
121086
121284
|
"column-config": {
|
|
121087
121285
|
resizable: true
|
|
@@ -121165,7 +121363,7 @@ var StandardTablevue_type_template_id_6731fdd3_render = function render() {
|
|
|
121165
121363
|
}
|
|
121166
121364
|
}) : _vm.getFooterEmptyVisible() ? _c('standard-footer-empty') : _vm._e()], 1);
|
|
121167
121365
|
};
|
|
121168
|
-
var
|
|
121366
|
+
var StandardTablevue_type_template_id_03577217_staticRenderFns = [];
|
|
121169
121367
|
|
|
121170
121368
|
;// ./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
|
|
121171
121369
|
/**
|
|
@@ -121498,6 +121696,13 @@ var NormalReportSlotView = {
|
|
|
121498
121696
|
// ===== 其它 =====
|
|
121499
121697
|
updateTime: '--',
|
|
121500
121698
|
// 数据更新时间(tableData 变化时自动刷新)
|
|
121699
|
+
// 表头行高 40px、内容行高 36px:交给 vxe-table 计算行高,和样式保持一致
|
|
121700
|
+
headerCellConfig: {
|
|
121701
|
+
height: 40
|
|
121702
|
+
},
|
|
121703
|
+
cellConfig: {
|
|
121704
|
+
height: 36
|
|
121705
|
+
},
|
|
121501
121706
|
// ===== 表头右键菜单 / 拖拽换列 =====
|
|
121502
121707
|
headerMenuCtx: null,
|
|
121503
121708
|
// 表头右键菜单当前列上下文 { uid, column }(visibleMethod 中记录)
|
|
@@ -122662,8 +122867,8 @@ var StandardTablevue_type_style_index_0_prod_lang_scss_external = __webpack_requ
|
|
|
122662
122867
|
|
|
122663
122868
|
var StandardTable_component = normalizeComponent(
|
|
122664
122869
|
components_StandardTablevue_type_script_lang_js,
|
|
122665
|
-
|
|
122666
|
-
|
|
122870
|
+
StandardTablevue_type_template_id_03577217_render,
|
|
122871
|
+
StandardTablevue_type_template_id_03577217_staticRenderFns,
|
|
122667
122872
|
false,
|
|
122668
122873
|
null,
|
|
122669
122874
|
null,
|
|
@@ -123704,15 +123909,15 @@ function index_esm_default() { return index_esm_default.c || (index_esm_default.
|
|
|
123704
123909
|
* ipqc-standard-components 标准组件库统一入口
|
|
123705
123910
|
*
|
|
123706
123911
|
* 安装:
|
|
123707
|
-
* npm i @
|
|
123912
|
+
* npm i @cimom-ui/standard-ui
|
|
123708
123913
|
*
|
|
123709
123914
|
* 用法一(全局注册,推荐):
|
|
123710
|
-
* import StandardComponents from '@
|
|
123915
|
+
* import StandardComponents from '@cimom-ui/standard-ui'
|
|
123711
123916
|
* Vue.use(StandardComponents)
|
|
123712
123917
|
* // 之后所有页面模板可直接使用 <standard-button> / <standard-table> 等标签
|
|
123713
123918
|
*
|
|
123714
123919
|
* 用法二(局部注册):
|
|
123715
|
-
* import StandardComponents from '@
|
|
123920
|
+
* import StandardComponents from '@cimom-ui/standard-ui'
|
|
123716
123921
|
* export default {
|
|
123717
123922
|
* components: {
|
|
123718
123923
|
* 'standard-table': StandardComponents.StandardTable,
|