@v2coding/ui 1.5.2 → 1.5.4

package/dist/v2coding-ui.esm.js

@@ -1876,7 +1876,7 @@ const DefaultVType = {
         const isValid = ID_Card$1.isValid(value);
 
         if (isValid) {
-          callback('');
+          callback();
         } else {
           callback(message || `请输入正确的${label}`);
         }
@@ -9795,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];
@@ -9809,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
-
-      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, '');
-      }
+        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 正则匹配替换
 
-      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
+    });
   }
 
 };
@@ -11283,8 +11295,47 @@ const array2Tree = function (arr) {
   });
   return root[opt.childrenKey];
 };
+const tree2Array = function (tree) {
+  let opt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  if (!Array.isArray(tree) || tree.length <= 0) {
+    return [];
+  }
+
+  const DEFAULT_OPT = {
+    childrenKey: 'children',
+    flattenChildren: true,
+    deleteChildren: true
+  };
+  opt = Object.assign({}, DEFAULT_OPT, opt);
+  const result = [];
+
+  const traverse = nodes => {
+    if (!Array.isArray(nodes) || nodes.length <= 0) {
+      return;
+    }
+
+    nodes.forEach(node => {
+      // 添加当前节点到结果数组
+      result.push(node); // 如果有子节点且需要展开
+
+      if (opt.flattenChildren && node[opt.childrenKey] && Array.isArray(node[opt.childrenKey])) {
+        traverse(node[opt.childrenKey]);
+
+        if (opt.deleteChildren) {
+          // 删除children属性
+          delete node[opt.childrenKey];
+        }
+      }
+    });
+  };
+
+  traverse(tree);
+  return result;
+};
 var arrays = {
-  array2Tree
+  array2Tree,
+  tree2Array
 };
 
 var mixin = {