hrp-ui-base 1.0.1 → 1.0.2

package/packages/approval-process/packages/utils/download.ts

@@ -0,0 +1,38 @@
+const download0 = (data: Blob, fileName: string, mineType: string) => {
+  // 创建 blob
+  const blob = new Blob([data], { type: mineType })
+  // 创建 href 超链接，点击进行下载
+  window.URL = window.URL || window.webkitURL
+  const href = URL.createObjectURL(blob)
+  const downA = document.createElement('a')
+  downA.href = href
+  downA.download = fileName
+  downA.click()
+  // 销毁超连接
+  window.URL.revokeObjectURL(href)
+}
+
+const download = {
+  // 下载 Excel 方法
+  excel: (data:any, fileName: string) => {
+    download0(data, fileName, 'application/vnd.ms-excel')
+  },
+  // 下载 Word 方法
+  word: (data: Blob, fileName: string) => {
+    download0(data, fileName, 'application/msword')
+  },
+  // 下载 Zip 方法
+  zip: (data: Blob, fileName: string) => {
+    download0(data, fileName, 'application/zip')
+  },
+  // 下载 Html 方法
+  html: (data: Blob, fileName: string) => {
+    download0(data, fileName, 'text/html')
+  },
+  // 下载 Markdown 方法
+  markdown: (data: Blob, fileName: string) => {
+    download0(data, fileName, 'text/markdown')
+  }
+}
+
+export default download

package/packages/approval-process/packages/utils/editor.ts

@@ -0,0 +1,37 @@
+const token = localStorage.getItem("TOKEN");
+export const getImgSrc = (richText: any) => {
+    richText = richText.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/g, (match: any, capture: any) => {
+        let index = capture.indexOf('=')
+        capture = capture.slice(0, index) + '=' + token
+
+        match = match.replace(/<img [^>]*src=['"]([^'"]+)[^>]*>/gi,
+            `<img src=\'${capture}\' alt=\'文件\' data-href=\'${capture}\' style=\"\" \/>  `)
+
+        return match
+    });
+    return richText
+}
+export const handleHtml = (rich: any) => {
+    //使用正则表达式匹配所有图片
+    let reg = RegExp(/<[img]+\s+(.*?)(?<id>\w*?)[\s'"](.*?)>/g);
+    let match = rich.match(reg);
+
+    if (match) {
+        //循环图片数组
+        for (let i = 0; i < match.length; i++) {
+            const item = match[i];
+            //根据判断条件添加不同class
+            if (item.includes("src=")) {
+                let len = item.length;
+                let _str = item.slice(0, len - 2) + " class=\"l-img\"/>";//追加 class 之后的img
+                rich = rich.replace(item, _str);
+            } else {
+                let len = item.length;
+                let _str = item.slice(0, len - 2) + " class=\"l-file-img\"/>";//追加 class 之后的img
+                rich = rich.replace(item, _str);
+            }
+        }
+    }
+    console.log("处理之后", rich);
+    return rich;
+}

package/packages/approval-process/packages/utils/getEnv.ts

@@ -0,0 +1,36 @@
+// 判断当前环境是否为手机 true 当前为移动端  false 当前是pc端
+export const IsPhone = () => {
+    const userAgent = navigator.userAgent.toLowerCase();
+    // 移动端标识（兼容鸿蒙系统）
+    const mobileKeywords = [
+        'android',
+        'iphone',
+        'ipad',
+        'ipod',
+        'harmonyos',      // 鸿蒙系统
+        'openharmony',    // 开源鸿蒙
+        'huawei',         // 华为设备
+        'honor',          // 荣耀设备
+        'symbianos',
+        'windows phone',
+        'mobile',
+        'webos',
+        'blackberry',
+        'opera mini',
+        'opera mobi',
+        'iemobile',
+        'wpdesktop',
+    ];
+    // 检查是否包含移动端关键词
+    const isMobileKeyword = mobileKeywords.some(keyword => userAgent.includes(keyword));
+    // // 额外检查：通过触摸点数量判断（移动设备通常支持触摸）
+    // const hasTouchScreen = 'ontouchstart' in window || navigator.maxTouchPoints > 0;
+    // // 检查屏幕宽度（移动设备通常较窄）
+    // const isNarrowScreen = window.innerWidth <= 768;
+    
+    return isMobileKeyword 
+}
+// 判断当前环境是否为pc端 true 当前为pc端  false 当前是移动端
+export const IsPc = () => {
+    return !IsPhone()
+}

package/packages/approval-process/packages/utils/os.ts

@@ -0,0 +1,20 @@
+/**
+ * 判断是移动端还是PC还是平板
+ */
+export const os = function() {
+    let ua = navigator.userAgent,
+        isWindowsPhone:boolean = /(?:Windows Phone)/.test(ua),
+        isSymbian:boolean = /(?:SymbianOS)/.test(ua) || isWindowsPhone,
+        isAndroid:boolean = /(?:Android)/.test(ua),
+        isFireFox:boolean = /(?:Firefox)/.test(ua),
+        isChrome:boolean = /(?:Chrome|CriOS)/.test(ua),
+        isTablet:boolean = /(?:iPad|PlayBook)/.test(ua) || (isAndroid && !/(?:Mobile)/.test(ua)) || (isFireFox && /(?:Tablet)/.test(ua)),
+        isPhone:boolean = /(?:iPhone)/.test(ua) && !isTablet,
+        isPc:boolean = !isPhone && !isAndroid && !isSymbian;
+    return {
+        isTablet: isTablet,
+        isPhone: isPhone,
+        isAndroid: isAndroid,
+        isPc: isPc
+    };
+}();

package/packages/approval-process/packages/utils/path-util.ts

@@ -0,0 +1,31 @@
+/**
+ * 获取一级路径:  比如 /baidu/a/#dd  获取到  /baidu
+ * 主要用来切割路由让菜单自动选中
+ * @param path
+ */
+export function  getFirstLevelPath (path:string):string{
+    if(path.indexOf("/")===0){
+        path=path.substring(1,path.length);
+    }
+    if(path.indexOf("/")>-1){
+        path=path.substring(0,path.indexOf("/"))
+    }
+    if(path.indexOf("?")>-1){
+        path=path.substring(0,path.indexOf("?"))
+    }
+    if(path.indexOf("#")>-1){
+        path=path.substring(0,path.indexOf("#"))
+    }
+    path="/"+path;
+    return path
+}
+
+/**
+ * 获取URl中的参数
+ * @param paramName 参数的名字
+ */
+export function getUrlParam(paramName: string): string | null {
+    const queryString = window.location.search;
+    const urlParams = new URLSearchParams(queryString);
+    return urlParams.get(paramName);
+}

package/packages/approval-process/packages/utils/routerUtil.ts

@@ -0,0 +1,304 @@
+import store from "@/stores/routeStore";
+import { funcRoleStore } from "@/stores/funcRole";
+import router from "@/router";
+import { ElMessage } from "element-plus";
+let StoreList = funcRoleStore(store);
+
+/**
+ * @description : 寻找对应模块下的 第一个菜单数据
+ *
+ */
+export const getModuleFirstMenuPath = (
+  toPath: string,
+  dataList: routeItemBo[]
+) => {
+  // 根据header的header true/false 来判断是不是上边的模块
+  // 因为 上边的header组件是用menu组件,所以模块会被当成一个菜单进行渲染,所以会跳/system类似的页面,这时候要在beforeEach判断出来这些菜单,要进行自动跳转至第一个菜单
+
+  // console.log(toPath, JSON.stringify(dataList))
+  if (!toPath || !dataList || !Array.isArray(dataList) || dataList.length == 0)
+    return null;
+  let aimPath = "";
+  // 循环找第一项 菜单path
+  for (let i = 0; i < dataList.length; i++) {
+    // 模块名相同
+    if (toPath == dataList[i].path) {
+      let haveFindPath = false;
+      let forPath = "";
+      if (
+        dataList[i] &&
+        dataList[i].children &&
+        Array.isArray(dataList[i].children) &&
+        dataList[i].children.length > 0
+      ) {
+        for (let j = 0; j < dataList[i].children.length; j++) {
+          if (
+            dataList[i].children[j].type == "M" &&
+            dataList[i].children[j].path &&
+            !dataList[i].children[j].hidden
+          ) {
+            haveFindPath = true;
+            forPath = dataList[i].children[j].path;
+            break;
+          } else if (dataList[i].children[j].type == "C") {
+            if (
+              dataList[i].children[j].children &&
+              Array.isArray(dataList[i].children[j].children) &&
+              dataList[i].children[j].children.length > 0
+            ) {
+              for (
+                let m = 0;
+                m < dataList[i].children[j].children.length;
+                m++
+              ) {
+                if (
+                  dataList[i].children[j].children[m] &&
+                  dataList[i].children[j].children[m].type == "M" &&
+                  dataList[i].children[j].children[m].path &&
+                  !dataList[i].children[j].children[m].hidden
+                ) {
+                  haveFindPath = true;
+                  forPath = dataList[i].children[j].children[m].path;
+                  break;
+                }
+              }
+            }
+            if (haveFindPath) {
+              break;
+            }
+          }
+        }
+      }
+      if (haveFindPath && forPath) {
+        aimPath = forPath;
+        break;
+      }
+    }
+  }
+  if (aimPath) {
+    return aimPath;
+  } else {
+    return null;
+  }
+};
+/**
+ * @description ： 递归依据菜单地址获取到模块的item(地址，以及index)
+ *
+ */
+export const getModuleNameByPathName = (path: string) => {
+  let aimObj: {
+    name?: string;
+    path?: string;
+    index?: number;
+    level?: number;
+    type?: string;
+  } = { name: "首页", path: "/home", index: 0, level: 0, type: "C" };
+  if (!path) return aimObj;
+  let index = 0;
+  let haveFind = false;
+  // @ts-ignore
+  let dataList: routeItemBo[] = StoreList.listData;
+  for (let i = 0; i < dataList.length; i++) {
+    let findResult = false;
+    // 模块名相同
+    if (path == dataList[i].path) {
+      findResult = true;
+      aimObj = {
+        name: dataList[i].name,
+        path: dataList[i].path,
+        index: i,
+        level: 1,
+        type: "C",
+      };
+      break;
+    } else {
+      if (
+        dataList[i] &&
+        dataList[i].children &&
+        Array.isArray(dataList[i].children) &&
+        // @ts-ignore
+        dataList[i].children.length > 0
+      ) {
+        // 有值去循环内部的菜单跟目录
+        for (let j = 0; j < dataList[i].children.length; j++) {
+          if (
+            dataList[i].children[j].type == "M" &&
+            dataList[i].children[j].path &&
+            path == dataList[i].children[j].path
+          ) {
+            findResult = true;
+            aimObj = {
+              name: dataList[i].children[j].name,
+              path: dataList[i].children[j].path,
+              index: i,
+              level: 2,
+              type: "M",
+            };
+            break;
+          } else if (dataList[i].children[j].type == "C") {
+            if (
+              dataList[i].children[j].path &&
+              path == dataList[i].children[j].path
+            ) {
+              findResult = true;
+              aimObj = {
+                name: dataList[i].children[j].name,
+                path: dataList[i].children[j].path,
+                index: i,
+                level: 2,
+                type: "C",
+              };
+              break;
+            } else {
+              if (
+                dataList[i].children[j].children &&
+                Array.isArray(dataList[i].children[j].children) &&
+                dataList[i].children[j].children.length > 0
+              ) {
+                for (
+                  let m = 0;
+                  m < dataList[i].children[j].children.length;
+                  m++
+                ) {
+                  if (
+                    dataList[i].children[j].children[m] &&
+                    path == dataList[i].children[j].children[m].path
+                  ) {
+                    findResult = true;
+                    aimObj = {
+                      name: dataList[i].children[j].children[m].name,
+                      path: dataList[i].children[j].children[m].path,
+                      index: i,
+                      level: 3,
+                      type: dataList[i].children[j].children[m].type,
+                    };
+                    break;
+                  }
+                }
+              }
+            }
+            if (findResult) {
+              break;
+            }
+          }
+        }
+      }
+      if (findResult) {
+        break;
+      }
+    }
+    if (findResult) {
+      break;
+    }
+  }
+  return {
+    name: aimObj.name ? aimObj.name : "首页",
+    path: aimObj.path ? aimObj.path : "/home",
+    index: aimObj.index !== undefined && aimObj.index >= 0 ? aimObj.index : 0,
+    level: aimObj.level !== undefined && aimObj.level >= 0 ? aimObj.level : 1,
+    type: aimObj.type ? aimObj.type : "/home",
+  };
+};
+/**
+ * @description 判断一个路由是否存在于系统的路由集合中
+ */
+export const getRouteExistIf = (aimPath: string) => {
+  let routeList = router.getRoutes();
+  let findIf: boolean = false;
+  for (let i = 0; i < routeList.length; i++) {
+    if (routeList[i].path === aimPath) {
+      findIf = true;
+      break;
+    }
+  }
+  return findIf;
+};
+
+/** 递归寻找给定数组中的第一个菜单item */
+export const getFirstMenuInList: (
+  routeList: routeItemBo[],
+  isFirst?: boolean
+) => routeItemBo | null = (routeList: routeItemBo[], isFirst?: boolean) => {
+  if (routeList && Array.isArray(routeList) && routeList.length > 0) {
+    let aimItem: routeItemBo | null = null;
+    for (let i = 0; i < routeList.length; i++) {
+      if (
+        routeList[i].type == "C" &&
+        routeList[i].children &&
+        Array.isArray(routeList[i].children) &&
+        routeList[i].children.length > 0
+      ) {
+        let forAimItem: routeItemBo | null = getFirstMenuInList(
+          routeList[i].children
+        );
+        if (forAimItem) {
+          aimItem = forAimItem;
+          if (isFirst) {
+            aimItem.index = i;
+          }
+          break;
+        } else {
+          return null;
+        }
+      } else if (routeList[i].type == "M") {
+        aimItem = routeList[i];
+        break;
+      }
+    }
+    if (aimItem && aimItem.path) {
+      return aimItem;
+    } else {
+      return null;
+    }
+  } else {
+    return null;
+  }
+};
+interface routeItemBo {
+  type: string;
+  children: routeItemBo[];
+  path: string;
+  id: string;
+  name: string;
+  hidden: boolean;
+  index?: number;
+  meta: {
+    title: null | string;
+    icon: null | string;
+    noCache: boolean | null;
+    link: null | boolean;
+    header: boolean | null;
+  };
+}
+
+/** 组装出微前端的子应用的完整路径 */
+export const makeAccessPath: (belong: string, path: string) => string | null = (
+  belong: string,
+  path: string
+) => {
+  let url = "";
+  let pathname = window.location.pathname;
+  let tenantId = "";
+  if (pathname.split("/") && pathname.split("/").length === 4) {
+    tenantId = pathname.split("/")[1];
+  } else {
+    /** 启用 pathname 格式为 /租户id/系统名 时启用 */
+    // ElMessage.error("当前路径非法，请联系管理员！");
+    // return null;
+  }
+  if (import.meta.env.VITE_NODE_ENV == "development") {
+    try {
+      let baseUrl =  window.location.origin  + window.location.pathname;
+      return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
+    } catch (error) {
+      ElMessage.error("配置文件错误，请检查.env文件");
+      return null;
+    }
+  } else if (import.meta.env.VITE_NODE_ENV == "production") {
+    let baseUrl = window.location.origin + window.location.pathname ;
+    return `${baseUrl}/${tenantId ? tenantId + '/' :''}${belong}/#${path}`;
+  } else {
+    ElMessage.error("当前环境非法，请联系管理员！");
+    return null;
+  }
+};

package/packages/approval-process/packages/utils/string-utils.ts

@@ -0,0 +1,13 @@
+/** 高亮显示文本，返回标签 */
+export const highlightText = (text: string, key: string) => {
+    // 用于正则表达式匹配的关键字，确保关键字中的特殊字符被正确处理
+    const escapedKey = key.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+  
+    // 使用正则表达式全局匹配关键字
+    const regex = new RegExp(escapedKey, 'gi');
+    
+    // 使用replace方法替换匹配到的关键字，为其添加高亮样式
+    const highlightedText = text.replace(regex, (match) => `<span style="color:var(--theme-normal-normal)">${match}</span>`);
+    
+    return highlightedText;
+};

package/packages/approval-process/packages/utils/throttle.ts

@@ -0,0 +1,44 @@
+import { ElMessage } from "element-plus";
+/**
+ * 节流(TS)
+ * @param  fn        需要包装的函数
+ * @param  delay     每次执行的等待时间-单位ms
+ * @param  immediate 是否默认执行一次(第一次不延迟)
+ */
+
+
+/**
+ * TS中的this单独在函数中使用却是大大受限制的
+ * 所以在TS中我们使用class来解决这一问题
+ */
+
+// 定义类throttle
+class throttle {
+    public use = (
+        fn: Function,
+        delay: number,
+        immediate: boolean = false
+    ): Function => {
+        // 第一次触发时间戳
+        let startTime = Date.now()
+        return (...args: any[]) => {
+            // 再次触发时间
+            let curTime = Date.now()
+            // 间隔时间 = 延迟的时间 - （再次触发时间戳 - 第一次触发时间戳）
+            let interval = delay - (curTime - startTime)
+            if (interval <= 0) {
+                // 重新计算开始时间
+                startTime = Date.now()
+                fn.apply(this, args) // 确保引用函数的指向正确，并且函数的参数也不变
+            } else {
+                ElMessage({
+                    message: '请不要频繁点击哦..',
+                    type: 'warning',
+                })
+            }
+        }
+    }
+}
+
+// 导出节流函数
+export default throttle

package/packages/approval-process/packages/utils/validate.ts

@@ -0,0 +1,92 @@
+/**
+ * 判断url是否是http或https
+ * @returns {Boolean}
+ * @param url
+ */
+export const isHttp = (url: string): boolean => {
+  return url.indexOf('http://') !== -1 || url.indexOf('https://') !== -1;
+};
+
+/**
+ * 判断path是否为外链
+ * @param {string} path
+ * @returns {Boolean}
+ */
+export const isExternal = (path: string) => {
+  return /^(https?:|mailto:|tel:)/.test(path);
+};
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export const validUsername = (str: string) => {
+  const valid_map = ['admin', 'editor'];
+  return valid_map.indexOf(str.trim()) >= 0;
+};
+
+/**
+ * @param {string} url
+ * @returns {Boolean}
+ */
+export const validURL = (url: string) => {
+  const reg =
+    /^(https?|ftp):\/\/([a-zA-Z0-9.-]+(:[a-zA-Z0-9.&%$-]+)*@)*((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[1-9]?[0-9])){3}|([a-zA-Z0-9-]+\.)*[a-zA-Z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-zA-Z]{2}))(:[0-9]+)*(\/($|[a-zA-Z0-9.,?'\\+&%$#=~_-]+))*$/;
+  return reg.test(url);
+};
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export const validLowerCase = (str: string) => {
+  const reg = /^[a-z]+$/;
+  return reg.test(str);
+};
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export const validUpperCase = (str: string) => {
+  const reg = /^[A-Z]+$/;
+  return reg.test(str);
+};
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export const validAlphabets = (str: string) => {
+  const reg = /^[A-Za-z]+$/;
+  return reg.test(str);
+};
+
+/**
+ * @param {string} email
+ * @returns {Boolean}
+ */
+export const validEmail = (email: string) => {
+  const reg =
+    /^(([^<>()\[\]\\.,;:\s@"]+(\.[^<>()\[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
+  return reg.test(email);
+};
+
+/**
+ * @param {string} str
+ * @returns {Boolean}
+ */
+export const isString = (str: any) => {
+  return typeof str === 'string' || str instanceof String;
+};
+
+/**
+ * @param {Array} arg
+ * @returns {Boolean}
+ */
+export const isArray = (arg: string | string[]) => {
+  if (typeof Array.isArray === 'undefined') {
+    return Object.prototype.toString.call(arg) === '[object Array]';
+  }
+  return Array.isArray(arg);
+};