common-utils-kit 1.1.5 → 1.1.19

package/src/directives.js

@@ -1,248 +0,0 @@
-
-// 自定义指令基础配置
-const directives = {
-  debounce: { // 按钮或者输入框防抖
-    // 例子 <el-input v-model="aa" v-debounce="[reset,`input`,1000]" placeholder="输入框数组防抖" />
-    // <el-button v-debounce="[reset,`click`,1000]">刷新</el-button>
-    inserted: function(el, binding) {
-      const [fn, event = "click", time = 1000] = binding.value;
-      let timer;
-      let flag = true; // 输入法标记
-      if (event === "input") {
-        el.addEventListener("compositionstart", () => { // 监听中文输入开始
-          flag = false;
-        });
-        el.addEventListener("compositionend", () => { // 监听中文输入结束
-          flag = true;
-        });
-      }
-      el.addEventListener(event, () => {
-        timer && clearTimeout(timer);
-        timer = setTimeout(() => {
-          if (flag) fn();
-        }, time);
-      });
-    },
-  },
-  inputDebounce: { // 输入框防抖
-    inserted: function (el, binding) {
-      const fn = binding.value;
-      const time = binding.arg || 500;
-      let timer;
-      let flag = true; // 输入法标记
-      el.addEventListener("compositionstart", () => { // 监听中文输入开始
-        flag = false;
-      });
-      el.addEventListener("compositionend", () => { // 监听中文输入结束
-        flag = true;
-      });
-      el.addEventListener('input', () => {
-        timer && clearTimeout(timer);
-        timer = setTimeout(() => {
-          if (flag) fn();
-        }, time);
-      });
-    },
-  },
-  btnDebounce: { // 按钮防抖
-    inserted: (el, binding) => {
-      const time = binding.arg || 1000; // 防抖时间
-      let debounce = null;
-      el.addEventListener('click', event => {
-        if (debounce !== null) {
-          clearTimeout(debounce)
-          event && event.stopImmediatePropagation();
-        }
-        debounce = setTimeout(() => {
-          debounce = null
-        }, time)
-      }, true);
-    }
-  },
-  btnThrottle: { // 按钮节流
-    inserted: (el, binding) => {
-      const time = binding.arg || 1000; // 间隔时间
-      let cbFun;
-      el.addEventListener('click', event => {
-        if (!cbFun) { // 第一次执行
-          cbFun = setTimeout(() => {
-            cbFun = null;
-          }, time);
-        } else {
-          event && event.stopImmediatePropagation();
-        }
-      }, true);
-    }
-  },
-  relativeTime: { // 时间转换
-    bind(el, binding) {
-      var intervalTime = 60000
-      var Time = {
-        getUnix: function () { // 获取当前时间戳
-          var date = new Date();
-          return date.getTime();
-        },
-        getTodayUnix: function () { // 获取今天0点0分0秒的时间戳
-          var date = new Date();
-          date.setHours(0);
-          date.setMinutes(0);
-          date.setSeconds(0);
-          date.setMilliseconds(0);
-          return date.getTime();
-        },
-        getYearUnix: function () { // 获取今年1月1日0点0分0秒的时间戳
-          var date = new Date();
-          date.setMonth(0);
-          date.setDate(1);
-          date.setHours(0);
-          date.setMinutes(0);
-          date.setSeconds(0);
-          date.setMilliseconds(0);
-          return date.getTime();
-        },
-        getLastDate: function () { // 获取标准年月日
-          var date = new Date();
-          var month = date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1;
-          var day = date.getDate() < 10 ? '0' + date.getDate() : date.getDate();
-          return date.getFullYear() + '-' + month + '-' + day;
-        },
-        getFormatTime: function (timestamp) { // 转换时间
-          var now = this.getUnix();// 当前时间戳
-          var today = this.getTodayUnix();// 今天0点时间戳
-          var timer = (now - timestamp) / 1000;// 转换为妙级别时间戳
-          var tip = '';
-          if (timer <= 0) {
-            tip = '刚刚';
-          } else if (Math.floor(timer / 60) <= 0) {
-            tip = '刚刚';
-          } else if (timer < 3600) {
-            tip = Math.floor(timer / 60) + '分钟前';
-          } else if (timer >= 3600 && (timestamp - today >= 0)) {
-            tip = Math.floor(timer / 3600) + '小时前';
-            intervalTime = 3600000;
-          } else if (timer / 86400 <= 31) {
-            tip = Math.ceil(timer / 86400) + '天前';
-            intervalTime = 3600000 * 24;
-          } else {
-            tip = this.getLastDate(timestamp);
-            intervalTime = 3600000 * 24;
-          }
-          return tip;
-        }
-      }
-      el.innerHTML = Time.getFormatTime(binding.value)
-      el.__timeout__ = setInterval(() => {
-        el.innerHTML = Time.getFormatTime(binding.value)
-      }, intervalTime)
-    },
-    unbind(el) {
-      clearInterval(el.innerHTML)
-      delete el.__timeout__
-    }
-  },
-  replace: {//限制input输入内容
-    inserted: function (el, binding, vnode) {
-      const element = el.tagName === "INPUT" ? el : el.querySelector("input");
-      let flag = true; // 输入法标记
-      element.addEventListener("compositionstart", () => {
-        flag = false;
-      }); // 监听中文输入开始
-      element.addEventListener("compositionend", () => {
-        flag = true;
-      }); // 监听中文输入结束
-      element.addEventListener("keyup", () => {
-        // 监听中文输入结束
-        if (flag) {
-          switch (binding.arg) {
-            case "price": // 正负的两位小数金额 -和.只能出现一次 并且-只能在首位
-              element.value = element.value.replace(/^([-+])?\D*(\d*(?:\.\d{0,2})?).*$/, "$1$2");
-              break;
-            case "plusPrice": // 验证正的两位小数金额
-              element.value = element.value.replace(/^\D*(\d*(?:\.\d{0,2})?).*$/g, "$1");
-              break;
-            case "num": // 只能输入正整数
-              element.value = element.value.replace(/[^\d]|^[0]/g, "");
-              break;
-            case "natural": // 只能输入自然数
-              element.value = element.value.replace(/[^\d]/g, "");
-              break;
-          }
-        }
-      });
-    },
-  },
-  elDragDialog: {
-    bind(el, binding, vnode) {
-      const dialogHeaderEl = el.querySelector('.el-dialog__header')
-      const dragDom = el.querySelector('.el-dialog')
-      dialogHeaderEl.style.cssText += ';cursor:move;'
-      dragDom.style.cssText += ';top:0px;'
-      // 获取原有属性 ie dom元素.currentStyle 火狐谷歌 window.getComputedStyle(dom元素, null);
-      const getStyle = (function () {
-        if (window.document.currentStyle) {
-          return (dom, attr) => dom.currentStyle[attr]
-        } else {
-          return (dom, attr) => getComputedStyle(dom, false)[attr]
-        }
-      })()
-      dialogHeaderEl.onmousedown = (e) => {
-        // 鼠标按下，计算当前元素距离可视区的距离
-        const disX = e.clientX - dialogHeaderEl.offsetLeft
-        const disY = e.clientY - dialogHeaderEl.offsetTop
-        const dragDomWidth = dragDom.offsetWidth
-        const dragDomHeight = dragDom.offsetHeight
-        const screenWidth = document.body.clientWidth
-        const screenHeight = document.body.clientHeight
-        const minDragDomLeft = dragDom.offsetLeft
-        const maxDragDomLeft = screenWidth - dragDom.offsetLeft - dragDomWidth
-        const minDragDomTop = dragDom.offsetTop
-        const maxDragDomTop = screenHeight - dragDom.offsetTop - dragDomHeight
-        // 获取到的值带px 正则匹配替换
-        let styL = getStyle(dragDom, 'left')
-        let styT = getStyle(dragDom, 'top')
-        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
-          // 边界处理
-          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;`
-          // emit onDrag event
-          vnode.child.$emit('dragDialog')
-        }
-        document.onmouseup = function (e) {
-          document.onmousemove = null
-          document.onmouseup = null
-        }
-      }
-    }
-  },
-
-}
-// 批量注册自定义指令
-export default {
-  install(Vue) {
-    Object.keys(directives).forEach((key) => {
-      const name = key.replace(/([a-z])([A-Z])/g, '$1-$2').toLowerCase();
-      Vue.directive(name, directives[key]);
-    });
-  },
-};
-

package/src/files.js

@@ -1,237 +0,0 @@
-/**
- * 下载 base64 编码的文件
- * @param {string} url - base64 编码的数据
- * @param {string} type - 文件类型的后缀名
- * @param {string} name - 文件名
- * @returns {Promise<string>} - Promise 对象，包含文件下载成功时的消息或失败时的错误信息
- * @example
- * const base64Data = "data:image/png;base64,R0lGODlhHAAmAKIHAKqqqsvLy0hISObm5vf394uLiwAAAP///yH5B…EoqQqJKAIBaQOVKHAXr3t7txgBjboSvB8EpLoFZywOAo3LFE5lYs/QW9LT1TRk1V7S2xYJADs=";
- * downloadBase64File(base64Data, "png", "myImage").then((message) => {
- *   console.log(message); // 文件下载成功
- * }).catch((error) => {
- *   console.error(error); // 文件下载失败或其他错误信息
- * });
- */
-export function downloadBase64File(url, type = "pdf", name = "文件" + Date.now()) {
-  return new Promise((resolve, reject) => {
-    if (!url) return reject('文件不存在');
-    const imgType = ["png", "jpg", "gif", "jpeg", "webp", "bmp", "tif", "pcx", "tga", "exif", "fpx", "svg", "psd", "cdr", "pcd", "dxf", "ufo", "eps", "ai", "raw", "WMF",];
-    const createBlob = (data, mimeType) => {
-      try {
-        return new Blob([data], { type: mimeType });
-      } catch (e) {
-        reject('创建 Blob 失败');
-      }
-    };
-    let myBlob = null;
-    if (imgType.includes(type)) {
-      const arr = url.split(",");
-      const mime = arr[0].match(/:(.*?);/)[1];
-      const bstr = atob(arr[1]);
-      const u8arr = new Uint8Array(bstr.length);
-      let n = bstr.length;
-      for (let i = 0; i < bstr.length; i++) {
-        u8arr[i] = bstr.charCodeAt(i);
-      }
-      myBlob = createBlob(u8arr, mime);
-    } else {
-      const bstr = atob(url);
-      const u8arr = new Uint8Array(bstr.length);
-      for (let i = 0; i < bstr.length; i++) {
-        u8arr[i] = bstr.charCodeAt(i);
-      }
-      myBlob = createBlob(u8arr, type);
-    }
-    const myUrl = URL.createObjectURL(myBlob);
-    const a = document.createElement("a");
-    a.setAttribute("href", myUrl);
-    const fileName = name;
-    a.setAttribute("download", fileName);
-    a.setAttribute("target", "_blank");
-    const clickEvent = document.createEvent("MouseEvents");
-    clickEvent.initEvent("click", true, true);
-    a.addEventListener("click", () => {
-      window.requestAnimationFrame(() => {
-        setTimeout(() => {
-          URL.revokeObjectURL(myUrl);
-          resolve('文件下载成功');
-        }, 0);
-      });
-    });
-    a.dispatchEvent(clickEvent);
-  });
-}
-/**
- * 文件地址下载文件
- * @param {string} url - 文件地址
- * @param {string} filename - 下载后的文件名
- * @returns {Promise<boolean>} - Promise 对象，表示下载成功（true）或失败（false）
- * @example
- * const fileUrl = "https://example.com/file/document.pdf";
- * const customFileName = "myDocument";
- * downloadFiles(fileUrl, customFileName).then((message) => {
- *   console.log(message); // 文件下载成功
- * }).catch((error) => {
- *   console.error(error); // 文件下载失败或其他错误信息
- * });
- */
-export function downloadFiles(url, filename) {
-  return new Promise((resolve, reject) => {
-    const xhr = new XMLHttpRequest();
-    xhr.open("GET", url, true);
-    xhr.responseType = "blob";
-    xhr.onload = () => {
-      if (xhr.status === 200) {
-        const decodedUrl = decodeURIComponent(url);
-        const matches = decodedUrl.match(/\/([^\/?#]+)[^\/]*$/);
-        const newFileName = filename ? (filename.includes('.') ? filename : `${filename}.${matches[1].split('.').pop()}`) : matches[1]
-        if (window.navigator.msSaveOrOpenBlob) {
-          navigator.msSaveBlob(xhr.response, newFileName);
-        } else {
-          const link = document.createElement("a");
-          link.href = window.URL.createObjectURL(xhr.response);
-          link.download = newFileName;
-          link.style.position = "absolute";
-          link.style.opacity = "0";
-          link.style.pointerEvents = "none";
-          document.body.appendChild(link);
-          link.click();
-          document.body.removeChild(link);
-          window.URL.revokeObjectURL(link.href);
-        }
-        resolve("文件下载成功")
-      } else {
-        reject("文件下载失败")
-      }
-    };
-    xhr.send();
-  });
-}
-/**
- * File转Base64
- * @param {File} file - File对象格式文件数据
- * @example
- * fileToBase64(file).then((base64) => {
- *   console.log(base64); // base64格式的文件
- * }).catch((error) => {
- *   console.error(error); // 转换失败或其他错误信息
- * });
- */
-export function fileToBase64(file) {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.readAsDataURL(file);
-    this.aa = reader.result;
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = (error) => reject(error);
-  });
-}
-/**
- * Base64转File
- * @param {String} base64 - base64格式文件数据
- * @example
- * base64ToFile(base64).then((file) => {
- *   console.log(file); // File格式的文件
- * }).catch((error) => {
- *   console.error(error); // 转换失败或其他错误信息
- * });
- */
-export function base64ToFile(base64, filename = "file") { //将base64转换为文件
-  return new Promise((resolve, reject) => {
-    const arr = base64.split(',')
-    const mime = arr[0].match(/:(.*?);/)[1]
-    const suffix = mime.split('/')[1]
-    const bstr = atob(arr[1])
-    let n = bstr.length
-    const u8arr = new Uint8Array(n)
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n)
-    }
-    const fileData = new File([u8arr], `${filename}.${suffix}`, { type: mime })
-    resolve(fileData)
-  })
-}
-/**
- * Base64转Blob
- * @param {String} base64 - base64格式文件数据
- * @example
- * base64ToFile(base64).then((blob) => {
- *   console.log(blob); // blob格式的文件
- * }).catch((error) => {
- *   console.error(error); // 转换失败或其他错误信息
- * });
- */
-export function base64ToFileBlob(dataurl) {
-  return new Promise((resolve, reject) => {
-    var arr = dataurl.split(','),
-      mime = arr[0].match(/:(.*?);/)[1],
-      bstr = atob(arr[1]),
-      n = bstr.length,
-      u8arr = new Uint8Array(n)
-    while (n--) {
-      u8arr[n] = bstr.charCodeAt(n)
-    }
-    const blobData = new Blob([u8arr], { type: mime })
-    resolve(blobData)
-  })
-}
-// 使用canvas压缩图片
-export function uploadCompress(file, config) {
-  return new Promise((resolve, reject) => {
-    const image = new Image();
-    image.src = URL.createObjectURL(file);
-    image.onload = () => {
-      let resultBlob = "";
-      // 压缩图片
-      resultBlob = compressUpload(image, file, config);
-      resolve(resultBlob);
-    };
-    image.onerror = (err) => { reject(err) };
-    /* 图片压缩-canvas压缩 */
-    function compressUpload(image, file, compressConfig={}) {
-      const canvas = document.createElement("canvas");
-      const ctx = canvas.getContext("2d");
-      let width = compressConfig.width || image.width;
-      let height = compressConfig.height || image.height;
-
-      // 只设置宽度时，等比计算高度
-      if (compressConfig.width && !compressConfig.height) {
-        height = (compressConfig.width / image.width) * image.height;
-      }
-      // 只设置高度时，等比计算宽度
-      if (compressConfig.height && !compressConfig.width) {
-        width = (compressConfig.height / image.height) * image.width;
-      }
-
-      canvas.width = width;
-      canvas.height = height;
-      ctx.fillRect(0, 0, canvas.width, canvas.height);
-      ctx.drawImage(image, 0, 0, width, height);
-
-      // 进行最小压缩0.1
-      const compressData = canvas.toDataURL(
-        file.type || "image/jpeg",
-        compressConfig.rate || 0.5
-      );
-      // base64转Blob
-      const blobImg = dataURItoBlob(compressData);
-      console.log(" ", (blobImg.size / 1024 / 1024).toFixed(2));
-      return blobImg;
-    }
-    /* 图片格式转换——base64转Blob对象 */
-    function dataURItoBlob(data) {
-      let byteString;
-      if (data.split(",")[0].indexOf("base64") >= 0) {
-        byteString = data.split(",")[1];
-      } else {
-        byteString = unescape(data.split(",")[1]);
-      }
-      const mimeString = data.split(",")[0].split(":")[1].split(";")[0];
-      const ia = new Uint8Array(byteString.length);
-      for (let i = 0; i < byteString.length; i += 1) {
-        ia[i] = byteString.charCodeAt(i);
-      }
-      return new Blob([ia], { type: mimeString });
-    }
-  });
-}