@v2coding/ui 1.5.1 → 1.5.3

package/dist/v2coding-ui.esm.js

@@ -7753,6 +7753,10 @@ var script$9 = {
     rowSelect: {
       type: Boolean,
       default: true
+    },
+    emptyMessage: {
+      type: String,
+      default: '暂无数据'
     }
   },
 
@@ -8524,7 +8528,7 @@ var __vue_render__$9 = function () {
       fn: function () {
         return [_c('div', {
           staticClass: "ui-table-empty"
-        }, [_vm._v("暂无数据")])];
+        }, [_vm._v(_vm._s(_vm.emptyMessage))])];
       },
       proxy: true
     }])
@@ -8549,7 +8553,7 @@ var __vue_staticRenderFns__$9 = [];
 
 const __vue_inject_styles__$9 = function (inject) {
   if (!inject) return;
-  inject("data-v-15dbd404_0", {
+  inject("data-v-24011210_0", {
     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}",
     map: undefined,
     media: undefined
@@ -9791,12 +9795,7 @@ var Drag = {
   name: 'dialogDrag',
 
   bind(el) {
-    const dialogHeaderEl = el.querySelector('.el-dialog__header');
-    const dragDom = el.querySelector('.el-dialog'); //dialogHeaderEl.style.cursor = 'move';
-
-    dialogHeaderEl.style.cssText += ';cursor:move;';
-    dragDom.style.cssText += ';top:0px;'; // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-
+    // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
     const sty = function () {
       if (window.document.currentStyle) {
         return (dom, attr) => dom.currentStyle[attr];
@@ -9805,60 +9804,77 @@ var Drag = {
       }
     }();
 
-    dialogHeaderEl.onmousedown = e => {
-      // 鼠标按下，计算当前元素距离可视区的距离
-      const disX = e.clientX - dialogHeaderEl.offsetLeft;
-      const disY = e.clientY - dialogHeaderEl.offsetTop;
-      const screenWidth = el.scrollWidth; // body当前宽度
+    const init = () => {
+      const dialogHeaderEl = el.querySelector('.el-dialog__header');
+      const dragDom = el.querySelector('.el-dialog');
+      dialogHeaderEl.style.cssText += ';cursor:move;';
+      dragDom.style.cssText += ';top:0px;';
 
-      const screenHeight = el.scrollHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)
+      dialogHeaderEl.onmousedown = e => {
+        // 鼠标按下，计算当前元素距离可视区的距离
+        const disX = e.clientX - dialogHeaderEl.offsetLeft;
+        const disY = e.clientY - dialogHeaderEl.offsetTop;
+        const screenWidth = el.scrollWidth; // body当前宽度
 
-      const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
+        const screenHeight = el.scrollHeight; // 可见区域高度(应为body高度，可某些环境下无法获取)
 
-      const dragDomheight = dragDom.offsetHeight; // 对话框高度
+        const dragDomWidth = dragDom.offsetWidth; // 对话框宽度
 
-      const minDragDomLeft = dragDom.offsetLeft;
-      const maxDragDomLeft = Math.max(0, screenWidth - dragDom.offsetLeft - dragDomWidth);
-      const minDragDomTop = dragDom.offsetTop;
-      const maxDragDomTop = Math.max(0, screenHeight - dragDom.offsetTop - dragDomheight); // 获取到的值带px 正则匹配替换
+        const dragDomheight = dragDom.offsetHeight; // 对话框高度
 
-      let styL = sty(dragDom, 'left');
-      let styT = sty(dragDom, 'top'); // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
+        const minDragDomLeft = dragDom.offsetLeft;
+        const maxDragDomLeft = Math.max(0, screenWidth - dragDom.offsetLeft - dragDomWidth);
+        const minDragDomTop = dragDom.offsetTop;
+        const maxDragDomTop = Math.max(0, screenHeight - dragDom.offsetTop - dragDomheight); // 获取到的值带px 正则匹配替换
 
-      if (styL.includes('%')) {
-        styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
-        styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
-      } else {
-        styL = +styL.replace(/px/g, '');
-        styT = +styT.replace(/px/g, '');
-      }
-
-      document.onmousemove = function (e) {
-        // 通过事件委托，计算移动的距离
-        let left = e.clientX - disX;
-        let top = e.clientY - disY; // 边界处理
+        let styL = sty(dragDom, 'left');
+        let styT = sty(dragDom, 'top'); // 注意在ie中 第一次获取到的值为组件自带50% 移动之后赋值为px
 
-        if (-left > minDragDomLeft) {
-          left = -minDragDomLeft;
-        } else if (left > maxDragDomLeft) {
-          left = maxDragDomLeft;
+        if (styL.includes('%')) {
+          styL = +document.body.clientWidth * (+styL.replace(/%/g, '') / 100);
+          styT = +document.body.clientHeight * (+styT.replace(/%/g, '') / 100);
+        } else {
+          styL = +styL.replace(/px/g, '');
+          styT = +styT.replace(/px/g, '');
         }
 
-        if (-top > minDragDomTop) {
-          top = -minDragDomTop;
-        } else if (top > maxDragDomTop) {
-          top = maxDragDomTop;
-        } // 移动当前元素
+        document.onmousemove = function (e) {
+          // 通过事件委托，计算移动的距离
+          let left = e.clientX - disX;
+          let top = e.clientY - disY; // 边界处理
+
+          if (-left > minDragDomLeft) {
+            left = -minDragDomLeft;
+          } else if (left > maxDragDomLeft) {
+            left = maxDragDomLeft;
+          }
 
+          if (-top > minDragDomTop) {
+            top = -minDragDomTop;
+          } else if (top > maxDragDomTop) {
+            top = maxDragDomTop;
+          } // 移动当前元素
 
-        dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
-      };
 
-      document.onmouseup = function () {
-        document.onmousemove = null;
-        document.onmouseup = null;
+          dragDom.style.cssText += `;left:${left + styL}px;top:${top + styT}px;`;
+        };
+
+        document.onmouseup = function () {
+          document.onmousemove = null;
+          document.onmouseup = null;
+        };
       };
     };
+
+    init();
+    const observer = new MutationObserver(mutationsList => {
+      init();
+    });
+    observer.observe(el, {
+      childList: true,
+      subtree: false,
+      attributes: false
+    });
   }
 
 };