@lambo-design/shared 1.0.0-beta.2 → 1.0.0-beta.200

package/utils/platform.js

@@ -1,8 +1,13 @@
+import {deepCopy} from './assist'
+import _ from 'lodash'
+import {formatTimestamp} from "./date";
 
-export const TOKEN_KEY = 'v8-token'
+export const TOKEN_KEY = 'lambo-token'
 
 export const COOKIE_KEY = 'lambo-sso-key'
 
+export const SSO_TOKEN_KEY = 'lambo-sso-token'
+
 export function objEqual(obj1, obj2) {
   const keysArr1 = Object.keys(obj1)
   const keysArr2 = Object.keys(obj2)
@@ -12,6 +17,10 @@ export function objEqual(obj1, obj2) {
   else return !keysArr1.some(key => obj1[key] !== obj2[key])
 }
 
+export function arraysEqual(a, b) {
+  return _.isEqual(a,b)
+}
+
 /**
  * @param {Array} list 标签列表
  * @param {String} name 当前关闭的标签的name
@@ -30,47 +39,47 @@ export function getNextRoute(list, route) {
 
 
 export const setToken = (token) => {
-  sessionStorage.setItem(TOKEN_KEY, token)
+  typeof sessionStorage != 'undefined' && sessionStorage.setItem(TOKEN_KEY, token)
 }
 
 export const getToken = () => {
-  const token = sessionStorage.getItem(TOKEN_KEY)
+  const token = typeof sessionStorage != 'undefined' && sessionStorage.getItem(TOKEN_KEY)
   if (token) return token
   else return false
 }
 
 export const setSessionStorage = (key, value) => {
-  sessionStorage.setItem(key, JSON.stringify(value))
+  typeof sessionStorage != 'undefined' && sessionStorage.setItem(key, JSON.stringify(value))
 }
 
 export const getSessionStorage = (key) => {
-  const value = sessionStorage.getItem(key)
+  const value = typeof sessionStorage != 'undefined' && sessionStorage.getItem(key)
   if (value) return JSON.parse(value)
   else return null
 }
 
 export const removeSessionStorage = (key) => {
-  return sessionStorage.removeItem(key)
+  return typeof sessionStorage != 'undefined' && sessionStorage.removeItem(key)
 }
 
 export const clearSessionStorage = () => {
-  return sessionStorage.clear()
+  return typeof sessionStorage != 'undefined' && sessionStorage.clear()
 }
 
 export const setLocalStorage = (key, localstorage) => {
-  localStorage.setItem(key, localstorage)
+  typeof localStorage != 'undefined' &&localStorage.setItem(key, localstorage)
 }
 
 export const getLocalStorage = (key) => {
-  return localStorage.getItem(key)
+  return typeof localStorage != 'undefined' &&localStorage.getItem(key)
 }
 
 export const removeLocalStorage = (key) => {
-  return localStorage.removeItem(key)
+  return typeof localStorage != 'undefined' &&localStorage.removeItem(key)
 }
 
 export const clearLocalStorage = () => {
-  return localStorage.clear()
+  return typeof localStorage != 'undefined' &&localStorage.clear()
 }
 
 export const hasChild = (item) => {
@@ -152,14 +161,20 @@ export const showTitle = (item, vm) => {
 /**
  * @description 本地存储和获取标签导航列表
  */
-export const setTagNavListInLocalstorage = list => {
-  localStorage.tagNaveList = JSON.stringify(list)
+export const setTagNavListInLocalstorage = (list , key) => {
+  if (!key) {
+    key = 'LD-tagNavList';
+  }
+  localStorage[key] = JSON.stringify(list)
 }
 /**
  * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项
  */
-export const getTagNavListFromLocalstorage = () => {
-  const list = localStorage.tagNaveList
+export const getTagNavListFromLocalstorage = (key) => {
+  if (!key) {
+    key = 'LD-tagNavList';
+  }
+  const list = localStorage[key]
   return list ? JSON.parse(list) : []
 }
 
@@ -265,7 +280,7 @@ export const getArrayFromFile = (file) => {
     reader.readAsText(file) // 以文本格式读取
     let arr = []
     reader.onload = function (evt) {
-      let data = evt.target.result // 读到的数据
+      let data = evt.target.card // 读到的数据
       let pasteData = data.trim()
       arr = pasteData.split((/[\n\u0085\u2028\u2029]|\r\n?/g)).map(row => {
         return row.split('\t')
@@ -308,6 +323,12 @@ export const getTableDataFromArray = (array) => {
   }
 }
 
+/**
+ * 寻找上级节点
+ * @param ele
+ * @param tag
+ * @returns {*}
+ */
 export const findNodeUpper = (ele, tag) => {
   if (ele.parentNode) {
     if (ele.parentNode.tagName === tag.toUpperCase()) {
@@ -318,6 +339,12 @@ export const findNodeUpper = (ele, tag) => {
   }
 }
 
+/**
+ * 根据class寻找上级节点
+ * @param ele
+ * @param classes
+ * @returns {*}
+ */
 export const findNodeUpperByClasses = (ele, classes) => {
   let parentNode = ele.parentNode
   if (parentNode) {
@@ -330,6 +357,12 @@ export const findNodeUpperByClasses = (ele, classes) => {
   }
 }
 
+/**
+ * 根据ele寻找下级节点
+ * @param ele
+ * @param tag
+ * @returns {*}
+ */
 export const findNodeDownward = (ele, tag) => {
   const tagName = tag.toUpperCase()
   if (ele.childNodes.length) {
@@ -343,6 +376,12 @@ export const findNodeDownward = (ele, tag) => {
   }
 }
 
+/**
+ * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
+ * @param access 需要查询的数组
+ * @param canViewAccess 目标数组
+ * @returns {*}
+ */
 export const showByAccess = (access, canViewAccess) => {
   return hasOneOf(canViewAccess, access)
 }
@@ -357,7 +396,7 @@ export const routeEqual = (route1, route2) => {
   const params2 = route2.params || {}
   const query1 = route1.query || {}
   const query2 = route2.query || {}
-  return (route1.name === route2.name) //&& objEqual(params1, params2) && objEqual(query1, query2)
+  return (route1.name === route2.name) && objEqual(params1, params2) && objEqual(query1, query2)
 }
 
 /**
@@ -372,16 +411,23 @@ export const routeHasExist = (tagNavList, routeItem) => {
   return res
 }
 
-// scrollTop animation
+/**
+ * scrollTop animation
+ * @param el
+ * @param from
+ * @param to
+ * @param duration
+ * @param endCallback
+ */
 export const scrollTop = (el, from = 0, to, duration = 500, endCallback) => {
   if (!window.requestAnimationFrame) {
     window.requestAnimationFrame = (
-      window.webkitRequestAnimationFrame ||
-      window.mozRequestAnimationFrame ||
-      window.msRequestAnimationFrame ||
-      function (callback) {
-        return window.setTimeout(callback, 1000 / 60)
-      }
+        window.webkitRequestAnimationFrame ||
+        window.mozRequestAnimationFrame ||
+        window.msRequestAnimationFrame ||
+        function (callback) {
+          return window.setTimeout(callback, 1000 / 60)
+        }
     )
   }
   const difference = Math.abs(from - to)
@@ -421,8 +467,16 @@ export const setTitle = (configTitle,routeItem, vm) => {
   window.document.title = resTitle
 }
 
-export const getUrlParams = () => {
-  const url = location.search; //获取url中"?"符后的字串
+/**
+ * 获取浏览器地址url中的参数
+ * @param url
+ * @returns {Object}
+ */
+export const getUrlParams = (url) => {
+  if (!url){
+    url = location.search;
+  }
+  //const url = location.search; //获取url中"?"符后的字串
   const theRequest = new Object();
   if (url.indexOf("?") != -1) {
     const str = url.substr(1);
@@ -495,6 +549,11 @@ const hasOneOf = (targetarr, arr) => {
   return targetarr.some(_ => arr.indexOf(_) > -1)
 }
 
+/**
+ * foreach
+ * @param arr
+ * @param fn 回调函数，参数接收arr的元素，索引，arr本身
+ */
 const forEach = (arr, fn) => {
   if (!arr.length || !fn) return
   let i = -1
@@ -517,3 +576,500 @@ export function oneOf (value, validList) {
   }
   return false
 }
+
+/**
+ * recursionKeyFindItem
+ * @param arr
+ * @param filterKey
+ * @param filterValue
+ * @param recursionKey
+ * @returns {*|null}
+ */
+export const recursionKeyFindItem = (arr, filterKey, filterValue, recursionKey) => {
+  for (const item of arr) {
+    if (item[filterKey] && item[filterKey] == filterValue && item['type'] == 2) {
+      return item;
+    }
+    let result = null;
+    if (item[recursionKey]) {
+      result = recursionKeyFindItem(item[recursionKey], filterKey, filterValue, recursionKey);
+      if (result) {
+        return result;
+      }
+    }
+  }
+  return null;
+};
+
+/**
+ * filterMenuName
+ * @param menuList
+ * @param name
+ * @returns {*|null}
+ */
+export const filterMenuName = (menuList, name) => {
+  return recursionKeyFindItem(menuList, 'name', name, 'children')
+};
+
+/**
+ * filterMenuUri
+ * @param menuList
+ * @param name
+ * @returns {*|null}
+ */
+export const filterMenuUri = (menuList, name) => {
+  return recursionKeyFindItem(menuList, 'uri', name, 'children')
+};
+
+/**
+ * tagExists
+ * @param taglist
+ * @param name
+ * @returns {boolean}
+ */
+export const tagExists = (taglist, name) => {
+  return taglist && taglist.filter(item => item.name === name).length > 0;
+};
+
+/**
+ * 判断菜单是否为新窗口打开
+ * @param menu
+ */
+export const isOpenBlank = (menu) => {
+  let extendProps = {}
+  if (menu && menu.meta && menu.meta.data && menu.meta.data.extension) {
+    extendProps = JSON.parse(menu.meta.data.extension)
+  }
+  if (menu && menu.extension) {
+    extendProps = JSON.parse(menu.extension)
+  }
+  if (extendProps && extendProps.target_type && extendProps.target_type == 'blank') {
+    return true;
+  }
+  if (extendProps && extendProps.targetType && extendProps.targetType == 'blank') {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * 判断应用是否为移动应用
+ * @param menu
+ */
+export const isMobileApp = (app) => {
+  if (app.extendProps && app.extendProps.is_mobile_app && app.extendProps.is_mobile_app == '1') {
+    return true;
+  }
+  if (app.setting && app.setting.is_mobile_app && app.setting.is_mobile_app == '1') {
+    return true;
+  }
+  return false;
+}
+
+/**
+ * 获取pc应用列表
+ * @param appList
+ * @returns {*[]}
+ */
+export const getPCAppList = (appList) => {
+  let finalList = []
+  if(appList) {
+    for (let app of appList) {
+      if (!isMobileApp(app)) {
+        finalList.push(app);
+      }
+    }
+  }
+  return finalList;
+}
+
+/**
+ * 获取移动应用列表
+ * @param appList
+ * @returns {*[]}
+ */
+export const getMobileAppList = (appList) => {
+  let finalList = []
+  if(appList) {
+    for (let app of appList) {
+      if (isMobileApp(app)) {
+        finalList.push(app);
+      }
+    }
+  }
+  return finalList;
+}
+
+/**
+ * 获取一级菜单作为顶级导航
+ * @param permissionList
+ * @param appType
+ * @returns {*[]}
+ */
+export const buildNavListByMenu = (permissionList,appInfo,appType) => {
+  let navList = []
+  if (permissionList && appInfo && appInfo.appId) {
+    let permissions = permissionList.filter(item => item.hasOwnProperty('pid') && item.pid == '0' && item.appId == appInfo.appId)
+    for (let per of permissions) {
+      if (appType && appType == 'sc') {
+        let nav = {
+          "data" : deepCopy(per),
+          "appInfo" : deepCopy(appInfo),
+          "orderNo": per.orders,
+          "application": {
+            "extendProps": per.extension ? JSON.parse(per.extension) : "",
+            "appId": per.permissionId,
+            "appBizCode": per.permissionValue,
+            "appName": per.title,
+            "appDesc": per.description,
+            "appUrl": appInfo.basepath,
+            "icon": per.icon,
+            "appStatus": 1,
+            "manageUnitId": "",
+            "protocolType": null,
+            "grantTypes": null,
+            "logoutUrl": null,
+            "redirectUrls": null,
+            "codeExpiresIn": null,
+            "idTokenExpiresIn": null,
+            "accessTokenExpiresIn": null,
+            "clientId": "",
+            "clientSecret": "",
+            "isEnableSso": false,
+            "isShare": false,
+            "referAppId": null,
+            "externalId": null,
+            "callerAppId": null,
+            "orderNo": 1,
+            "parentId": null,
+            "appType": null,
+            "relativeName": null,
+            "shortName": null,
+            "authType": "1",
+            "isLower": null
+          },
+          "basepath": appInfo.basepath,
+          "appId": per.permissionId,
+          "icon": per.icon,
+          "name": per.name,
+          "extendProps": per.extension ? JSON.parse(per.extension) : "",
+          "title": per.title,
+          "type": "00",
+          "status": 1
+        }
+        navList.push(nav)
+      } else {
+        let nav = {
+          "data" : deepCopy(per),
+          "appInfo" : deepCopy(appInfo),
+          "id": per.id,
+          "appId": per.permissionId,
+          "systemId": per.systemId,
+          "icon": per.icon,
+          "banner": null,
+          "theme": null,
+          "basepath": appInfo.basepath,
+          "status": 1,
+          "name": per.name,
+          "title": per.type,
+          "type": "00",
+          "setting": "",
+          "description": per.description,
+          "orders": per.orders,
+          "createTime": 1710772466000,
+          "updateTime": 1710772466000
+        }
+        navList.push(nav)
+      }
+    }
+  }
+  return navList;
+}
+
+/**
+ * 判断是否为子菜单
+ * @param permissionList
+ * @param pid
+ * @param per
+ * @returns {boolean|boolean|*}
+ */
+export const isChildPermission = (permissionList, pid, per) => {
+  if (permissionList && pid && per && per.pid) {
+    let res = permissionList.find(item => item.hasOwnProperty('permissionId') && item.permissionId == per.pid)
+    if (res && res.permissionId && res.permissionId == pid) {
+      return true;
+    } else {
+      return isChildPermission(permissionList, pid, res)
+    }
+  }
+  return false;
+}
+/**
+ * 获取所有子菜单
+ * @param permissionList
+ * @param pid
+ */
+export const getChildPermissions = (permissionList, pid, appInfo) => {
+  let res = []
+  if (permissionList && pid) {
+    for (let permission of permissionList) {
+      if (isChildPermission(permissionList, pid, permission)) {
+        let per2 = deepCopy(permission);
+        per2.appId = pid;
+        if (per2.pid == pid) {
+          per2.pid = "0";
+        }
+        per2.appInfo = deepCopy(appInfo)
+        res.push(per2);
+      }
+    }
+  }
+  return res;
+}
+/**
+ * 恢复权限的原始信息
+ * @param permission
+ */
+export const getOriginalPermission = (permission) => {
+  if (permission && permission.meta && permission.meta.data && permission.meta.data.appInfo) {
+    let per2 = deepCopy(permission);
+    if (per2.hasOwnProperty('pid') && per2.pid == '0') {
+      per2.pid = per2.meta.data.appId;
+      per2.meta.data.pid = per2.meta.data.appId;
+    }
+    per2.meta.appId = permission.meta.data.appInfo.appId;
+    per2.meta.data.appId = permission.meta.data.appInfo.appId;
+    return per2;
+  }
+  return permission
+}
+
+/**
+ * 单应用时修改源权限信息
+ * @param permissionList
+ * @param menu
+ * @param appInfo
+ * @returns {*}
+ */
+export const buildSinglePermission = (permissionList, menu) => {
+  let permission = permissionList.find(item => item.permissionId == menu.permissionId && item.appId == menu.appId)
+  let rootPermission = getRootPermission(permissionList, permission)
+  if (rootPermission && rootPermission.permissionId) {
+    menu.appInfo = {
+      appId: menu.appId
+    }
+    menu.appId = rootPermission.permissionId;
+  }
+  return menu;
+}
+/**
+ * 获取菜单根节点
+ * @param permissionList
+ * @param permission
+ * @returns {*|{pid}|{}}
+ */
+export const getRootPermission = (permissionList, permission) => {
+  if (permissionList, permission) {
+    if (!permission.hasOwnProperty('pid')) {
+      return permission
+    } else if (permission.pid == '0') {
+      return permission
+    } else {
+      let parentPermission = permissionList.find(item => item.permissionId == permission.pid && item.appId == permission.appId)
+      return getRootPermission(permissionList, parentPermission);
+    }
+  }
+  return permission;
+}
+/**
+ * getPreviousTagIndex
+ * @param tagList
+ * @param name
+ * @returns {number}
+ */
+export const getPreviousTagIndex = (tagList, name) => {
+  let count = 0;
+  if (tagList && name) {
+    for (let i = 0 ;i < tagList.length; i++) {
+      let item = tagList[i];
+      if (item.name == name) {
+        count = i - 1;
+        if (count < 0) {
+          count = 0;
+        }
+        return count;
+      }
+    }
+  }
+  return count;
+};
+
+/**
+ * getDelTagIndex
+ * @param tagList
+ * @param name
+ * @returns {number}
+ */
+export const getDelTagIndex = (tagList, name) => {
+  let count = 1;
+  if (tagList && name) {
+    for (let i = 1 ;i < tagList.length; i++) {
+      let item = tagList[i];
+      if (item.name !== name) {
+        return count;
+      }
+    }
+  }
+  return count;
+}
+
+/**
+ * turnToPage
+ * @param vm
+ * @param name
+ * @param url
+ */
+export const turnToPage = (vm, name ,url) =>{
+  if (window.top && window.top.location.href != window.location.href) {
+    typeof sessionStorage != 'undefined' && sessionStorage.removeItem('activeName')
+    window.parent.location.href = url;
+  } else {
+    vm.$router.push({
+      name: name
+    })
+  }
+}
+
+
+/**
+ * 获取上级节点的方法
+ * @param vm
+ * @param methodName
+ * @returns {*}
+ */
+export const getParentMethod = (vm,methodName) => {
+  if (vm.$parent) {
+    if (vm.$parent[methodName]) {
+      return vm.$parent[methodName];
+    } else {
+      return getParentMethod(vm.$parent,methodName)
+    }
+  }
+  return undefined;
+}
+
+/**
+ * 执行全屏操作
+ * @param vm
+ */
+export const doParentMethod = (vm,methodName) => {
+  let action = getParentMethod(vm,methodName)
+  if (action) {
+    action()
+  }
+}
+/**
+ * 替换url中的指定参数
+ * @param url
+ * @param paramName
+ * @param paramValue
+ * @returns {string}
+ */
+export const replaceUrlParam = (url, paramName, paramValue) => {
+  let pattern = new RegExp('(' + paramName + '=)([^&]+)', 'i');
+  let queryString = url.split('?')[1];
+  if (queryString) {
+    let newParam = paramName + '=' + encodeURIComponent(paramValue);
+    let newQueryString = queryString.replace(pattern, newParam);
+    return url.split('?')[0] + '?' + newQueryString;
+  } else {
+    return url + '?' + paramName + '=' + encodeURIComponent(paramValue);
+  }
+}
+/**
+ * 拼接url
+ * @param href
+ * @param key
+ * @param value
+ * @returns {string}
+ */
+export const buildParams = (href, key, value) =>{
+  if (href && key && value) {
+    if (!href.includes(key + '=')) {
+      if (href.includes('?')) {
+        href += '&' + key + '=' + value
+      } else {
+        href += '?' + key + '=' + value
+      }
+    } else {
+      href = this.replaceUrlParam(href,key,value)
+    }
+    return href;
+  }
+  return '';
+}
+/**
+ * 组装菜单url
+ * @param item
+ * @param ssoToken
+ * @param ssoid
+ * @returns {string}
+ */
+export const buildMenuUri = (item,ssoToken,ssoid) => {
+  if (!item.uri) {
+    return ''
+  }
+  let href = ''
+  let uri = item.uri
+  if (uri.startsWith('http')) {
+    href = uri
+  } else {
+    let basepath = ''
+    if (item.navList) {
+      let navList = deepCopy(item.navList);
+      let appId = '';
+      if (item.appId) {
+        appId = item.appId;
+      } else if (item.meta && item.meta.appId) {
+        appId = item.meta.appId;
+      }
+      let appInfo = navList.find(app => app.appId === appId)
+      if (appInfo && appInfo.basepath) {
+        basepath = appInfo.basepath
+      }
+    }
+    if (!basepath.startsWith('/') && !basepath.startsWith('http')) {
+      basepath = '/' + basepath
+    }
+    if (basepath.endsWith('/')) {
+      basepath = basepath.substring(0, basepath.length - 1)
+    }
+    if (!uri.startsWith('/')) {
+      uri = '/' + uri
+    }
+    href = basepath + uri
+  }
+  href = buildParams(href,"layout","screen");
+  if (ssoToken) {
+    href = buildParams(href,"token",ssoToken);
+  }
+  if (ssoid) {
+    href = buildParams(href,"ssoid",ssoid);
+  }
+  if (item.cts) {
+    href = buildParams(href,"cts",item.cts);
+  }
+  return href
+}
+/**
+ * 给query添加时间戳
+ */
+export const addTimestamp = ($route) => {
+  let query = {};
+  if ($route.query) {
+    query = $route.query;
+  }
+  query = Object.assign({},query,{cts:new Date().getTime()})
+  $route.query = query;
+  return $route;
+}