@v2coding/ui 1.5.1 → 1.5.3
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/v2coding-ui.esm.js +64 -48
- package/dist/v2coding-ui.min.js +1 -1
- package/dist/v2coding-ui.ssr.js +65 -49
- package/package.json +1 -1
package/dist/v2coding-ui.ssr.js
CHANGED
|
@@ -8215,6 +8215,10 @@ var script$9 = {
|
|
|
8215
8215
|
rowSelect: {
|
|
8216
8216
|
type: Boolean,
|
|
8217
8217
|
default: true
|
|
8218
|
+
},
|
|
8219
|
+
emptyMessage: {
|
|
8220
|
+
type: String,
|
|
8221
|
+
default: '暂无数据'
|
|
8218
8222
|
}
|
|
8219
8223
|
},
|
|
8220
8224
|
data: function data() {
|
|
@@ -8996,7 +9000,7 @@ var __vue_render__$9 = function __vue_render__() {
|
|
|
8996
9000
|
fn: function fn() {
|
|
8997
9001
|
return [_c('div', {
|
|
8998
9002
|
staticClass: "ui-table-empty"
|
|
8999
|
-
}, [_vm._v(
|
|
9003
|
+
}, [_vm._v(_vm._s(_vm.emptyMessage))])];
|
|
9000
9004
|
},
|
|
9001
9005
|
proxy: true
|
|
9002
9006
|
}])
|
|
@@ -9015,7 +9019,7 @@ var __vue_staticRenderFns__$9 = [];
|
|
|
9015
9019
|
|
|
9016
9020
|
var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
9017
9021
|
if (!inject) return;
|
|
9018
|
-
inject("data-v-
|
|
9022
|
+
inject("data-v-24011210_0", {
|
|
9019
9023
|
source: ".ui-table{flex:1;display:flex;flex-direction:column;z-index:0;background-color:#fff;padding:15px 20px}.ui-table .ui-table-select-bar{flex:none}.ui-table .ui-table-select-bar .ui-table-select{position:relative;padding-right:100px}.ui-table .ui-table-select-bar .ui-table-select.has-reset{padding-right:200px}.ui-table .ui-table-select-bar .ui-table-select .submit-item{position:absolute;top:0;right:0;margin-right:0;margin-bottom:0}.ui-table .ui-table-select-bar .el-input{width:200px}.ui-table .ui-table-tool-bar{padding:10px 0;flex:none;display:flex;flex-wrap:wrap;align-items:center;flex-direction:row;background-color:#fff}.ui-table .private-tools{z-index:1;position:absolute;top:8px;right:5px;display:flex;flex-direction:row;padding-left:20px}.ui-table .private-tools .tool+.tool{margin-left:5px}.ui-table .private-tools .el-button.el-tooltip{background:rgba(255,255,255,.6);backdrop-filter:blur(3px);box-shadow:0 0 3px #999}.ui-table .ui-table-alert{margin-bottom:10px;border:1px solid #b3d8ff;background-color:#ecf5ff;border-radius:3px;padding:8px 10px}.ui-table .ui-table-alert .el-icon-info{color:#409eff;margin-right:6px}.ui-table .ui-table-alert .el-button--text{padding:0;margin-left:10px}.ui-table .el-table{flex:1;border:1px solid #ebeef5;border-bottom:none;z-index:0}.ui-table .footer-bar{flex:none;display:block;padding:20px 15px 15px;background-color:#fff}.ui-table .footer-bar .el-pagination{padding:0;display:flex;flex-direction:row-reverse}.ui-table .footer-bar .el-pagination .el-pagination__rightwrapper+*{flex:1;text-align:left}.ui-table .footer-bar .el-pagination::after,.ui-table .footer-bar .el-pagination::before{content:unset}.ui-table .ui-table-empty{padding-top:110px;background:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTg0IiBoZWlnaHQ9IjE1MiIgdmlld0JveD0iMCAwIDE4NCAxNTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI0IDMxLjY3KSI+CiAgICAgIDxlbGxpcHNlIGZpbGwtb3BhY2l0eT0iLjgiIGZpbGw9IiNGNUY1RjciIGN4PSI2Ny43OTciIGN5PSIxMDYuODkiIHJ4PSI2Ny43OTciIHJ5PSIxMi42NjgiPjwvZWxsaXBzZT4KICAgICAgPHBhdGggZD0iTTEyMi4wMzQgNjkuNjc0TDk4LjEwOSA0MC4yMjljLTEuMTQ4LTEuMzg2LTIuODI2LTIuMjI1LTQuNTkzLTIuMjI1aC01MS40NGMtMS43NjYgMC0zLjQ0NC44MzktNC41OTIgMi4yMjVMMTMuNTYgNjkuNjc0djE1LjM4M2gxMDguNDc1VjY5LjY3NHoiIGZpbGw9IiNBRUI4QzIiPjwvcGF0aD4KICAgICAgPHBhdGggZD0iTTEwMS41MzcgODYuMjE0TDgwLjYzIDYxLjEwMmMtMS4wMDEtMS4yMDctMi41MDctMS44NjctNC4wNDgtMS44NjdIMzEuNzI0Yy0xLjU0IDAtMy4wNDcuNjYtNC4wNDggMS44NjdMNi43NjkgODYuMjE0djEzLjc5Mmg5NC43NjhWODYuMjE0eiIgZmlsbD0idXJsKCNsaW5lYXJHcmFkaWVudC0xKSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTMuNTYpIj48L3BhdGg+CiAgICAgIDxwYXRoIGQ9Ik0zMy44MyAwaDY3LjkzM2E0IDQgMCAwIDEgNCA0djkzLjM0NGE0IDQgMCAwIDEtNCA0SDMzLjgzYTQgNCAwIDAgMS00LTRWNGE0IDQgMCAwIDEgNC00eiIgZmlsbD0iI0Y1RjVGNyI+PC9wYXRoPgogICAgICA8cGF0aAogICAgICAgIGQ9Ik00Mi42NzggOS45NTNoNTAuMjM3YTIgMiAwIDAgMSAyIDJWMzYuOTFhMiAyIDAgMCAxLTIgMkg0Mi42NzhhMiAyIDAgMCAxLTItMlYxMS45NTNhMiAyIDAgMCAxIDItMnpNNDIuOTQgNDkuNzY3aDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI0SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjR6TTQyLjk0IDYxLjUzaDQ5LjcxM2EyLjI2MiAyLjI2MiAwIDEgMSAwIDQuNTI1SDQyLjk0YTIuMjYyIDIuMjYyIDAgMCAxIDAtNC41MjV6TTEyMS44MTMgMTA1LjAzMmMtLjc3NSAzLjA3MS0zLjQ5NyA1LjM2LTYuNzM1IDUuMzZIMjAuNTE1Yy0zLjIzOCAwLTUuOTYtMi4yOS02LjczNC01LjM2YTcuMzA5IDcuMzA5IDAgMCAxLS4yMjItMS43OVY2OS42NzVoMjYuMzE4YzIuOTA3IDAgNS4yNSAyLjQ0OCA1LjI1IDUuNDJ2LjA0YzAgMi45NzEgMi4zNyA1LjM3IDUuMjc3IDUuMzdoMzQuNzg1YzIuOTA3IDAgNS4yNzctMi40MjEgNS4yNzctNS4zOTNWNzUuMWMwLTIuOTcyIDIuMzQzLTUuNDI2IDUuMjUtNS40MjZoMjYuMzE4djMzLjU2OWMwIC42MTctLjA3NyAxLjIxNi0uMjIxIDEuNzg5eiIKICAgICAgICBmaWxsPSIjRENFMEU2Ij48L3BhdGg+CiAgICA8L2c+CiAgICA8cGF0aCBkPSJNMTQ5LjEyMSAzMy4yOTJsLTYuODMgMi42NWExIDEgMCAwIDEtMS4zMTctMS4yM2wxLjkzNy02LjIwN2MtMi41ODktMi45NDQtNC4xMDktNi41MzQtNC4xMDktMTAuNDA4QzEzOC44MDIgOC4xMDIgMTQ4LjkyIDAgMTYxLjQwMiAwIDE3My44ODEgMCAxODQgOC4xMDIgMTg0IDE4LjA5N2MwIDkuOTk1LTEwLjExOCAxOC4wOTctMjIuNTk5IDE4LjA5Ny00LjUyOCAwLTguNzQ0LTEuMDY2LTEyLjI4LTIuOTAyeiIgZmlsbD0iI0RDRTBFNiI+PC9wYXRoPgogICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTQ5LjY1IDE1LjM4MykiIGZpbGw9IiNGRkYiPgogICAgICA8ZWxsaXBzZSBjeD0iMjAuNjU0IiBjeT0iMy4xNjciIHJ4PSIyLjg0OSIgcnk9IjIuODE1Ij48L2VsbGlwc2U+CiAgICAgIDxwYXRoIGQ9Ik01LjY5OCA1LjYzSDBMMi44OTguNzA0ek05LjI1OS43MDRoNC45ODVWNS42M0g5LjI1OXoiPjwvcGF0aD4KICAgIDwvZz4KICA8L2c+Cjwvc3ZnPgo=) center top no-repeat;background-size:auto 100px;color:rgba(0,0,0,.65);font-size:14px;line-height:22px;text-align:center}.column-label{width:80px;display:inline-block;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-table-column-action .el-button{box-shadow:none;padding:0;line-height:inherit}",
|
|
9020
9024
|
map: undefined,
|
|
9021
9025
|
media: undefined
|
|
@@ -9027,7 +9031,7 @@ var __vue_inject_styles__$9 = function __vue_inject_styles__(inject) {
|
|
|
9027
9031
|
var __vue_scope_id__$9 = undefined;
|
|
9028
9032
|
/* module identifier */
|
|
9029
9033
|
|
|
9030
|
-
var __vue_module_identifier__$9 = "data-v-
|
|
9034
|
+
var __vue_module_identifier__$9 = "data-v-24011210";
|
|
9031
9035
|
/* functional template */
|
|
9032
9036
|
|
|
9033
9037
|
var __vue_is_functional_template__$9 = false;
|
|
@@ -10204,12 +10208,7 @@ var TableSelect = __vue_component__$7;var Table = {
|
|
|
10204
10208
|
};var Drag = {
|
|
10205
10209
|
name: 'dialogDrag',
|
|
10206
10210
|
bind: function bind(el) {
|
|
10207
|
-
|
|
10208
|
-
var dragDom = el.querySelector('.el-dialog'); //dialogHeaderEl.style.cursor = 'move';
|
|
10209
|
-
|
|
10210
|
-
dialogHeaderEl.style.cssText += ';cursor:move;';
|
|
10211
|
-
dragDom.style.cssText += ';top:0px;'; // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
|
|
10212
|
-
|
|
10211
|
+
// 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
|
|
10213
10212
|
var sty = function () {
|
|
10214
10213
|
if (window.document.currentStyle) {
|
|
10215
10214
|
return function (dom, attr) {
|
|
@@ -10222,60 +10221,77 @@ var TableSelect = __vue_component__$7;var Table = {
|
|
|
10222
10221
|
}
|
|
10223
10222
|
}();
|
|
10224
10223
|
|
|
10225
|
-
|
|
10226
|
-
|
|
10227
|
-
var
|
|
10228
|
-
|
|
10229
|
-
|
|
10224
|
+
var init = function init() {
|
|
10225
|
+
var dialogHeaderEl = el.querySelector('.el-dialog__header');
|
|
10226
|
+
var dragDom = el.querySelector('.el-dialog');
|
|
10227
|
+
dialogHeaderEl.style.cssText += ';cursor:move;';
|
|
10228
|
+
dragDom.style.cssText += ';top:0px;';
|
|
10230
10229
|
|
|
10231
|
-
|
|
10230
|
+
dialogHeaderEl.onmousedown = function (e) {
|
|
10231
|
+
// 鼠标按下,计算当前元素距离可视区的距离
|
|
10232
|
+
var disX = e.clientX - dialogHeaderEl.offsetLeft;
|
|
10233
|
+
var disY = e.clientY - dialogHeaderEl.offsetTop;
|
|
10234
|
+
var screenWidth = el.scrollWidth; // body当前宽度
|
|
10232
10235
|
|
|
10233
|
-
|
|
10236
|
+
var screenHeight = el.scrollHeight; // 可见区域高度(应为body高度,可某些环境下无法获取)
|
|
10234
10237
|
|
|
10235
|
-
|
|
10238
|
+
var dragDomWidth = dragDom.offsetWidth; // 对话框宽度
|
|
10236
10239
|
|
|
10237
|
-
|
|
10238
|
-
var maxDragDomLeft = Math.max(0, screenWidth - dragDom.offsetLeft - dragDomWidth);
|
|
10239
|
-
var minDragDomTop = dragDom.offsetTop;
|
|
10240
|
-
var maxDragDomTop = Math.max(0, screenHeight - dragDom.offsetTop - dragDomheight); // 获取到的值带px 正则匹配替换
|
|
10240
|
+
var dragDomheight = dragDom.offsetHeight; // 对话框高度
|
|
10241
10241
|
|
|
10242
|
-
|
|
10243
|
-
|
|
10242
|
+
var minDragDomLeft = dragDom.offsetLeft;
|
|
10243
|
+
var maxDragDomLeft = Math.max(0, screenWidth - dragDom.offsetLeft - dragDomWidth);
|
|
10244
|
+
var minDragDomTop = dragDom.offsetTop;
|
|
10245
|
+
var maxDragDomTop = Math.max(0, screenHeight - dragDom.offsetTop - dragDomheight); // 获取到的值带px 正则匹配替换
|
|
10244
10246
|
|
|
10245
|
-
|
|
10246
|
-
|
|
10247
|
-
styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
|
|
10248
|
-
} else {
|
|
10249
|
-
styL = +styL.replace(/px/g, '');
|
|
10250
|
-
styT = +styT.replace(/px/g, '');
|
|
10251
|
-
}
|
|
10252
|
-
|
|
10253
|
-
document.onmousemove = function (e) {
|
|
10254
|
-
// 通过事件委托,计算移动的距离
|
|
10255
|
-
var left = e.clientX - disX;
|
|
10256
|
-
var top = e.clientY - disY; // 边界处理
|
|
10247
|
+
var styL = sty(dragDom, 'left');
|
|
10248
|
+
var styT = sty(dragDom, 'top'); // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
|
|
10257
10249
|
|
|
10258
|
-
if (
|
|
10259
|
-
|
|
10260
|
-
|
|
10261
|
-
|
|
10250
|
+
if (styL.includes('%')) {
|
|
10251
|
+
styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
|
|
10252
|
+
styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
|
|
10253
|
+
} else {
|
|
10254
|
+
styL = +styL.replace(/px/g, '');
|
|
10255
|
+
styT = +styT.replace(/px/g, '');
|
|
10262
10256
|
}
|
|
10263
10257
|
|
|
10264
|
-
|
|
10265
|
-
|
|
10266
|
-
|
|
10267
|
-
top =
|
|
10268
|
-
|
|
10258
|
+
document.onmousemove = function (e) {
|
|
10259
|
+
// 通过事件委托,计算移动的距离
|
|
10260
|
+
var left = e.clientX - disX;
|
|
10261
|
+
var top = e.clientY - disY; // 边界处理
|
|
10262
|
+
|
|
10263
|
+
if (-left > minDragDomLeft) {
|
|
10264
|
+
left = -minDragDomLeft;
|
|
10265
|
+
} else if (left > maxDragDomLeft) {
|
|
10266
|
+
left = maxDragDomLeft;
|
|
10267
|
+
}
|
|
10269
10268
|
|
|
10269
|
+
if (-top > minDragDomTop) {
|
|
10270
|
+
top = -minDragDomTop;
|
|
10271
|
+
} else if (top > maxDragDomTop) {
|
|
10272
|
+
top = maxDragDomTop;
|
|
10273
|
+
} // 移动当前元素
|
|
10270
10274
|
|
|
10271
|
-
dragDom.style.cssText += ";left:".concat(left + styL, "px;top:").concat(top + styT, "px;");
|
|
10272
|
-
};
|
|
10273
10275
|
|
|
10274
|
-
|
|
10275
|
-
|
|
10276
|
-
|
|
10276
|
+
dragDom.style.cssText += ";left:".concat(left + styL, "px;top:").concat(top + styT, "px;");
|
|
10277
|
+
};
|
|
10278
|
+
|
|
10279
|
+
document.onmouseup = function () {
|
|
10280
|
+
document.onmousemove = null;
|
|
10281
|
+
document.onmouseup = null;
|
|
10282
|
+
};
|
|
10277
10283
|
};
|
|
10278
10284
|
};
|
|
10285
|
+
|
|
10286
|
+
init();
|
|
10287
|
+
var observer = new MutationObserver(function (mutationsList) {
|
|
10288
|
+
init();
|
|
10289
|
+
});
|
|
10290
|
+
observer.observe(el, {
|
|
10291
|
+
childList: true,
|
|
10292
|
+
subtree: false,
|
|
10293
|
+
attributes: false
|
|
10294
|
+
});
|
|
10279
10295
|
}
|
|
10280
10296
|
};//
|
|
10281
10297
|
//
|