@lambo-design/shared 1.0.0-beta.1

package/utils/platform.js

@@ -0,0 +1,519 @@
+
+export const TOKEN_KEY = 'v8-token'
+
+export const COOKIE_KEY = 'lambo-sso-key'
+
+export function objEqual(obj1, obj2) {
+  const keysArr1 = Object.keys(obj1)
+  const keysArr2 = Object.keys(obj2)
+  if (keysArr1.length !== keysArr2.length) return false
+  else if (keysArr1.length === 0 && keysArr2.length === 0) return true
+  /* eslint-disable-next-line */
+  else return !keysArr1.some(key => obj1[key] !== obj2[key])
+}
+
+/**
+ * @param {Array} list 标签列表
+ * @param {String} name 当前关闭的标签的name
+ */
+export function getNextRoute(list, route) {
+  let res = {}
+  if (list.length === 2) {
+    res = getHomeRoute(list)
+  } else {
+    const index = list.findIndex(item => routeEqual(item, route))
+    if (index === list.length - 1) res = list[list.length - 2]
+    else res = list[index + 1]
+  }
+  return res
+}
+
+
+export const setToken = (token) => {
+  sessionStorage.setItem(TOKEN_KEY, token)
+}
+
+export const getToken = () => {
+  const token = sessionStorage.getItem(TOKEN_KEY)
+  if (token) return token
+  else return false
+}
+
+export const setSessionStorage = (key, value) => {
+  sessionStorage.setItem(key, JSON.stringify(value))
+}
+
+export const getSessionStorage = (key) => {
+  const value = sessionStorage.getItem(key)
+  if (value) return JSON.parse(value)
+  else return null
+}
+
+export const removeSessionStorage = (key) => {
+  return sessionStorage.removeItem(key)
+}
+
+export const clearSessionStorage = () => {
+  return sessionStorage.clear()
+}
+
+export const setLocalStorage = (key, localstorage) => {
+  localStorage.setItem(key, localstorage)
+}
+
+export const getLocalStorage = (key) => {
+  return localStorage.getItem(key)
+}
+
+export const removeLocalStorage = (key) => {
+  return localStorage.removeItem(key)
+}
+
+export const clearLocalStorage = () => {
+  return localStorage.clear()
+}
+
+export const hasChild = (item) => {
+  return item.children && item.children.length !== 0
+}
+
+const showThisMenuEle = (item, access) => {
+  if (item.meta && item.meta.access && item.meta.access.length) {
+    if (hasOneOf(item.meta.access, access)) return true
+    else return false
+  } else return true
+}
+/**
+ * @param {Array} list 通过路由列表得到菜单列表
+ * @returns {Array}
+ */
+export const getMenuByRouter = (list, access) => {
+  let res = []
+  forEach(list, item => {
+    if (!item.meta || (item.meta && !item.meta.hideInMenu)) {
+      let obj = {
+        icon: (item.meta && item.meta.icon) || '',
+        name: item.name,
+        meta: item.meta
+      }
+      if ((hasChild(item) || (item.meta && item.meta.showAlways)) && showThisMenuEle(item, access)) {
+        obj.children = getMenuByRouter(item.children, access)
+      }
+      if (item.meta && item.meta.href) obj.href = item.meta.href
+      if (showThisMenuEle(item, access)) res.push(obj)
+    }
+  })
+  return res
+}
+
+/**
+ * @param {Array} routeMetched 当前路由metched
+ * @returns {Array}
+ */
+export const getBreadCrumbList = (route, homeRoute) => {
+  let homeItem = {...homeRoute, icon: homeRoute.meta.icon}
+  const {crumbs} = route.meta
+  if (crumbs && crumbs.length > 0) {
+    crumbs.forEach(item => {
+      item.meta = {
+        title: item.title
+      }
+      if (item.type === 2) {
+        item.to = item.name
+      }
+    })
+  }
+  let breadCrumbList = [{...homeItem, to: homeRoute.name}]
+  if (crumbs && crumbs.length > 0) {
+    breadCrumbList = breadCrumbList.concat(crumbs)
+  }
+  return breadCrumbList
+}
+
+export const getRouteTitleHandled = (route) => {
+  let router = {...route}
+  let meta = {...route.meta}
+  let title = ''
+  if (meta.title) {
+    if (typeof meta.title === 'function') {
+      meta.__titleIsFunction__ = true
+      title = meta.title(router)
+    } else title = meta.title
+  }
+  meta.title = title
+  router.meta = meta
+  return router
+}
+
+export const showTitle = (item, vm) => {
+  return item.meta.title
+}
+
+/**
+ * @description 本地存储和获取标签导航列表
+ */
+export const setTagNavListInLocalstorage = list => {
+  localStorage.tagNaveList = JSON.stringify(list)
+}
+/**
+ * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项
+ */
+export const getTagNavListFromLocalstorage = () => {
+  const list = localStorage.tagNaveList
+  return list ? JSON.parse(list) : []
+}
+
+/**
+ * @param {Array} routers 路由列表数组
+ * @description 用于找到路由列表中name为home的对象
+ */
+export const getHomeRoute = (routers, homeName = 'home') => {
+  let i = -1
+  let len = routers.length
+  let homeRoute = {}
+  while (++i < len) {
+    let item = routers[i]
+    if (item.children && item.children.length) {
+      let res = getHomeRoute(item.children, homeName)
+      if (res.name) return res
+    } else {
+      if (item.name === homeName) homeRoute = item
+    }
+  }
+  return homeRoute
+}
+
+/**
+ * @param {*} list 现有标签导航列表
+ * @param {*} newRoute 新添加的路由原信息对象
+ * @description 如果该newRoute已经存在则不再添加
+ */
+export const getNewTagList = (list, newRoute) => {
+  const {name, path, meta} = newRoute
+  let newList = [...list]
+  if (newList.findIndex(item => item.name === name) >= 0) return newList
+  else newList.push({name, path, meta})
+  return newList
+}
+
+/**
+ * @param {*} access 用户权限数组，如 ['super_admin', 'admin']
+ * @param {*} route 路由列表
+ */
+const hasAccess = (access, route) => {
+  if (route.meta && route.meta.access) return hasOneOf(access, route.meta.access)
+  else return true
+}
+
+/**
+ * 权鉴
+ * @param {*} name 即将跳转的路由name
+ * @param {*} access 用户权限数组
+ * @param {*} routes 路由列表
+ * @description 用户是否可跳转到该页
+ */
+export const canTurnTo = (name, access, routes) => {
+  const routePermissionJudge = (list) => {
+    return list.some(item => {
+      if (item.children && item.children.length) {
+        return routePermissionJudge(item.children)
+      } else if (item.name === name) {
+        return hasAccess(access, item)
+      }
+    })
+  }
+
+  return routePermissionJudge(routes)
+}
+
+/**
+ * @param {String} url
+ * @description 从URL中解析参数
+ */
+export const getParams = url => {
+  const keyValueArr = url.split('?')[1].split('&')
+  let paramObj = {}
+  keyValueArr.forEach(item => {
+    const keyValue = item.split('=')
+    paramObj[keyValue[0]] = keyValue[1]
+  })
+  return paramObj
+}
+
+
+/**
+ * @param {Number} times 回调函数需要执行的次数
+ * @param {Function} callback 回调函数
+ */
+export const doCustomTimes = (times, callback) => {
+  let i = -1
+  while (++i < times) {
+    callback(i)
+  }
+}
+
+/**
+ * @param {Object} file 从上传组件得到的文件对象
+ * @returns {Promise} resolve参数是解析后的二维数组
+ * @description 从Csv文件中解析出表格，解析成二维数组
+ */
+export const getArrayFromFile = (file) => {
+  let nameSplit = file.name.split('.')
+  let format = nameSplit[nameSplit.length - 1]
+  return new Promise((resolve, reject) => {
+    let reader = new FileReader()
+    reader.readAsText(file) // 以文本格式读取
+    let arr = []
+    reader.onload = function (evt) {
+      let data = evt.target.result // 读到的数据
+      let pasteData = data.trim()
+      arr = pasteData.split((/[\n\u0085\u2028\u2029]|\r\n?/g)).map(row => {
+        return row.split('\t')
+      }).map(item => {
+        return item[0].split(',')
+      })
+      if (format === 'csv') resolve(arr)
+      else reject(new Error('[Format Error]:你上传的不是Csv文件'))
+    }
+  })
+}
+
+/**
+ * @param {Array} array 表格数据二维数组
+ * @returns {Object} { columns, tableData }
+ * @description 从二维数组中获取表头和表格数据，将第一行作为表头，用于在iView的表格中展示数据
+ */
+export const getTableDataFromArray = (array) => {
+  let columns = []
+  let tableData = []
+  if (array.length > 1) {
+    let titles = array.shift()
+    columns = titles.map(item => {
+      return {
+        title: item,
+        key: item
+      }
+    })
+    tableData = array.map(item => {
+      let res = {}
+      item.forEach((col, i) => {
+        res[titles[i]] = col
+      })
+      return res
+    })
+  }
+  return {
+    columns,
+    tableData
+  }
+}
+
+export const findNodeUpper = (ele, tag) => {
+  if (ele.parentNode) {
+    if (ele.parentNode.tagName === tag.toUpperCase()) {
+      return ele.parentNode
+    } else {
+      return findNodeUpper(ele.parentNode, tag)
+    }
+  }
+}
+
+export const findNodeUpperByClasses = (ele, classes) => {
+  let parentNode = ele.parentNode
+  if (parentNode) {
+    let classList = parentNode.classList
+    if (classList && classes.every(className => classList.contains(className))) {
+      return parentNode
+    } else {
+      return findNodeUpperByClasses(parentNode, classes)
+    }
+  }
+}
+
+export const findNodeDownward = (ele, tag) => {
+  const tagName = tag.toUpperCase()
+  if (ele.childNodes.length) {
+    let i = -1
+    let len = ele.childNodes.length
+    while (++i < len) {
+      let child = ele.childNodes[i]
+      if (child.tagName === tagName) return child
+      else return findNodeDownward(child, tag)
+    }
+  }
+}
+
+export const showByAccess = (access, canViewAccess) => {
+  return hasOneOf(canViewAccess, access)
+}
+
+/**
+ * @description 根据name/params/query判断两个路由对象是否相等
+ * @param {*} route1 路由对象
+ * @param {*} route2 路由对象
+ */
+export const routeEqual = (route1, route2) => {
+  const params1 = route1.params || {}
+  const params2 = route2.params || {}
+  const query1 = route1.query || {}
+  const query2 = route2.query || {}
+  return (route1.name === route2.name) //&& objEqual(params1, params2) && objEqual(query1, query2)
+}
+
+/**
+ * 判断打开的标签列表里是否已存在这个新添加的路由对象
+ */
+export const routeHasExist = (tagNavList, routeItem) => {
+  let len = tagNavList.length
+  let res = false
+  doCustomTimes(len, (index) => {
+    if (routeEqual(tagNavList[index], routeItem)) res = true
+  })
+  return res
+}
+
+// scrollTop animation
+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)
+      }
+    )
+  }
+  const difference = Math.abs(from - to)
+  const step = Math.ceil(difference / duration * 50)
+
+  const scroll = (start, end, step) => {
+    if (start === end) {
+      endCallback && endCallback()
+      return
+    }
+
+    let d = (start + step > end) ? end : start + step
+    if (start > end) {
+      d = (start - step < end) ? end : start - step
+    }
+
+    if (el === window) {
+      window.scrollTo(d, d)
+    } else {
+      el.scrollTop = d
+    }
+    window.requestAnimationFrame(() => scroll(d, end, step))
+  }
+  scroll(from, to, step)
+}
+
+/**
+ * @description 根据当前跳转的路由设置显示在浏览器标签的title
+ * @param {String} configTitle 配置标题
+ * @param {Object} routeItem 路由对象
+ * @param {Object} vm Vue实例
+ */
+export const setTitle = (configTitle,routeItem, vm) => {
+  const handledRoute = getRouteTitleHandled(routeItem)
+  const pageTitle = showTitle(handledRoute, vm)
+  const resTitle = pageTitle ? `${configTitle} - ${pageTitle}` : configTitle
+  window.document.title = resTitle
+}
+
+export const getUrlParams = () => {
+  const url = location.search; //获取url中"?"符后的字串
+  const theRequest = new Object();
+  if (url.indexOf("?") != -1) {
+    const str = url.substr(1);
+    let strs = str.split("&");
+    for (let i = 0; i < strs.length; i++) {
+      theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
+    }
+  }
+  return theRequest;
+}
+
+
+export const getChangeTableDatas = (oldData, newData) => {
+  let list = []
+  for (let i = 0; i < newData.length; i++) {
+    if (oldData[i].checked != newData[i].checked) {
+      let tmpData = {
+        "id": newData[i].id,
+        "checked": newData[i].checked
+      }
+      if (newData[i].dpType) {
+        tmpData.dpType = newData[i].dpType
+      }
+      if (newData[i].employeeJobIdentityId) {
+        tmpData.employeeJobIdentityId = newData[i].employeeJobIdentityId
+      }
+      if (newData[i].userId) {
+        tmpData.userId = newData[i].userId
+      }
+      list.push(tmpData);
+    }
+    if (newData[i].children) {
+      list = list.concat(getChangeTableDatas(oldData[i].children, newData[i].children))
+    }
+  }
+  return list
+}
+
+/**
+ * @param {Array} arr1
+ * @param {Array} arr2
+ * @description 得到两个数组的交集, 两个数组的元素为数值或字符串
+ */
+export const getIntersection = (arr1, arr2) => {
+  let len = Math.min(arr1.length, arr2.length)
+  let i = -1
+  let res = []
+  while (++i < len) {
+    const item = arr2[i]
+    if (arr1.indexOf(item) > -1) res.push(item)
+  }
+  return res
+}
+
+/**
+ * @param {Array} arr1
+ * @param {Array} arr2
+ * @description 得到两个数组的并集, 两个数组的元素为数值或字符串
+ */
+export const getUnion = (arr1, arr2) => {
+  return Array.from(new Set([...arr1, ...arr2]))
+}
+
+/**
+ * @param {Array} target 目标数组
+ * @param {Array} arr 需要查询的数组
+ * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
+ */
+const hasOneOf = (targetarr, arr) => {
+  return targetarr.some(_ => arr.indexOf(_) > -1)
+}
+
+const forEach = (arr, fn) => {
+  if (!arr.length || !fn) return
+  let i = -1
+  let len = arr.length
+  while (++i < len) {
+    let item = arr[i]
+    fn(item, i, arr)
+  }
+}
+
+/**
+ * @param {String|Number} value 要验证的字符串或数值
+ * @param {*} validList 用来验证的列表
+ */
+export function oneOf (value, validList) {
+  for (let i = 0; i < validList.length; i++) {
+    if (value === validList[i]) {
+      return true
+    }
+  }
+  return false
+}

package/utils/theme.js

@@ -0,0 +1,43 @@
+import themes from "../config/themes";
+const changeByThemeKey = (themeKey) => {
+  if (themeKey) {
+    themes.forEach((theme) => {
+      if (theme.key === themeKey) {
+        changeByTheme(theme);
+        localStorage.setItem("theme", themeKey);
+      }
+    });
+  } else {
+    themeKey = localStorage.getItem("theme");
+    if (!themeKey) {
+      themeKey = themes[0].key;
+    }
+    changeByThemeKey(themeKey);
+  }
+  return themeKey;
+};
+
+const changeByTheme = (theme) => {
+  // 加入自定义变量
+  let varStyleTag = document.getElementById("customVars");
+  if (!varStyleTag) {
+    varStyleTag = document.createElement("style");
+    varStyleTag.id = "customVars";
+    document.body.appendChild(varStyleTag);
+  }
+
+  varStyleTag.innerHTML = `:root {${theme["vars"]}}`;
+
+  // 加入自定义样式
+  let styleTag = document.getElementById("customStyle");
+  if (!styleTag) {
+    styleTag = document.createElement("style");
+    styleTag.id = "customStyle";
+    document.body.appendChild(styleTag);
+  }
+  if (theme?.style) {
+    styleTag.innerHTML = theme.style;
+  }
+};
+
+export { changeByThemeKey, changeByTheme };

package/utils/zoomScroll.js

@@ -0,0 +1,9 @@
+import ZoomScrollModule from 'diagram-js/lib/navigation/zoomscroll/ZoomScroll'
+
+ZoomScrollModule.prototype.scroll = () => {
+} // 只要原型链上这个方法为空即可，方法有很多。
+
+export default {
+  __init__: ['zoomScroll'],
+  zoomScroll: ['type', ZoomScrollModule]
+}