@lambo-design/shared 1.0.0-beta.33 → 1.0.0-beta.331

package/utils/n-generator-routers.js

@@ -0,0 +1,208 @@
+// 权限类型枚举
+const PERMISSION_TYPE = {
+  DIRECTORY: 1,
+  MENU: 2,
+  BUTTON: 3,
+  PAGE: 4,
+}
+
+// 是否是菜单要展示的类型
+function isMenuPermissionType(type) {
+  return [PERMISSION_TYPE.DIRECTORY, PERMISSION_TYPE.MENU].includes(type)
+}
+
+/**
+ * 筛选此应用里的权限，非微应用返回空数组
+ *
+ * @param {string} microType 微应用类型
+ * @param {Array} permissionList 全部的权限数据
+ * @returns 此应用里的权限数据
+ */
+export function filterMicroPermissionList(microType, permissionList = []) {
+  if (!microType) return permissionList
+  return permissionList.filter((item) => {
+    // ! user-manage-server permissionValue 才是编码
+    const itemName = (item && item.permissionValue) || ''
+    return (
+      itemName.startsWith(microType) || itemName.startsWith(`${config.routerBase}-${microType}`)
+    )
+  })
+}
+
+/**
+ * 权限列表数据转树形结构
+ *
+ * @param {PermissionList2TreeOptions} params
+ * @param {Array} params.list 权限数据
+ * @param {Array} params.menuTree 菜单类权限树形结构
+ * @param {Array} params.pageNode 页面类权限，children里添加页面节点
+ * @param {string} params.parentId 父节点Id
+ * @param {Array} params.crumbs 从根节点到本节点的路径
+ * @param {boolean} params.root 是否是根节点
+ */
+function listToMenuTree({ list, menuTree, pageNode, parentId, crumbs, root }) {
+  if (!list) return
+
+  list.forEach((item) => {
+    const { permissionId, label: title, appId, pid, icon, type, uri, permissionValue } = item
+    // ! user-manage-server permissionValue 才是编码
+    const name = permissionValue
+    // 判断是否为该父级节点的子节点
+    if (pid === parentId) {
+      if (isMenuPermissionType(type)) {
+        let node = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: { appId, permissionId, title, icon, crumbs: [...crumbs], activeName: name },
+          children: [],
+        }
+        node.meta.crumbs.push({ icon, name, title, type })
+
+        if (PERMISSION_TYPE.DIRECTORY === type) {
+          node.component = 'EmptyLayout'
+        }
+        // 迭代 list， 找到当前菜单相符合的所有子菜单
+        listToMenuTree({
+          list,
+          menuTree: node.children,
+          pageNode,
+          parentId: permissionId,
+          crumbs: node.meta.crumbs,
+          root: false,
+        })
+        // 删掉不存在 children 值的属性
+        if (!node.children.length) {
+          delete node.children
+        }
+        // 加入到树中
+        menuTree.push(node)
+      }
+      if (PERMISSION_TYPE.PAGE === type) {
+        let child = {
+          type,
+          name,
+          pid,
+          path: dealRoutePath(uri),
+          uri,
+          component: name,
+          meta: {
+            appId,
+            permissionId,
+            title,
+            hideInMenu: true,
+            notCache: true,
+            crumbs: [...crumbs],
+            type,
+          },
+        }
+        child.meta.crumbs.push({ icon, name, title, type })
+        pageNode.children.push(child)
+      }
+    }
+  })
+}
+
+// 处理路由的path
+function dealRoutePath(uri) {
+  if (!uri) return ''
+  if (!uri.startsWith('/')) {
+    uri = `/${uri}`
+  }
+  // 不要参数部分
+  if (uri.includes('?')) {
+    uri = uri.split('?')[0]
+  }
+  // 不要后缀部分
+  if (uri.includes('.')) {
+    uri = uri.split('.')[0]
+  }
+  return uri
+}
+
+/**
+ * 根据所有的权限组织菜单
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 菜单
+ */
+export function generatorMenuTree(permissionList = []) {
+  permissionList = permissionList.filter((item) => isMenuPermissionType(item.type))
+  const menuTree = []
+
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode: { children: [] },
+    parentId: '0',
+    crumbs: [],
+    root: true,
+  })
+
+  return menuTree
+}
+
+/**
+ * 根据权限数据生成动态的树形路由表
+ *
+ * @param {Array} permissionList 权限数据
+ * @returns 路由表
+ */
+export function generatorDynamicRouter(permissionList = []) {
+  // 菜单的树形结构
+  const menuTree = []
+  // 所有的页面都包装在同一个组件里
+  const pageNode = {
+    path: '/page',
+    name: 'page',
+    meta: { hideInMenu: true, notCache: true },
+    component: 'EmptyLayoutNotCache',
+    children: [],
+  }
+  // 转树形结构
+  listToMenuTree({
+    list: permissionList,
+    menuTree,
+    pageNode,
+    parentId: '0', // 根节点Id固定为0
+    crumbs: [],
+    root: true,
+  })
+
+  if (pageNode.children.length) {
+    menuTree.push(pageNode)
+  }
+  return generator(menuTree)
+}
+
+/**
+ * 生成 vue-router 层级路由表
+ *
+ * @param {Array} menuData 权限的树形结构数据
+ * @returns 路由表
+ */
+export function generator(menuData = []) {
+  for (let item of menuData) {
+    if (item.component) {
+      const target = constantRouterComponents[item.component]
+      if (target) {
+        item.component = target.component
+      } else if (item.path) {
+        if (window.loadComponentHandler) {
+          item.component = window.loadComponentHandler(item.path, item.name) || NotFound
+        }
+      } else {
+        console.error(`找不到组件定义:${item.component},请排查资源路径配置是否正确`)
+        item.component = NotFound
+      }
+
+      if (item.children && item.children.length > 0) {
+        generator(item.children)
+      }
+    }
+  }
+  return menuData
+}

package/utils/n-router.js

@@ -0,0 +1,205 @@
+// import { config } from '@indfnd/utils'
+
+const hasChild = (item) => {
+  return item.children && item.children.length
+}
+
+/**
+ * @param {Array} target 目标数组
+ * @param {Array} arr 需要查询的数组
+ * @description 判断要查询的数组是否至少有一个元素包含在目标数组中
+ */
+const hasOneOf = (targetArr, arr) => {
+  return targetArr.some((_) => arr.includes(_))
+}
+
+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 {Number} times 回调函数需要执行的次数
+ * @param {Function} callback 回调函数
+ */
+const doCustomTimes = (times, callback) => {
+  let i = -1
+  while (++i < times) {
+    callback(i)
+  }
+}
+
+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
+}
+
+/**
+ * @description 根据当前跳转的路由设置显示在浏览器标签的title
+ * 标签名字不允许改变，固定为 营销业务一体化平台
+ * @param {Object} routeItem 路由对象
+ */
+export const setTitle = (/*routeItem*/) => {
+  // const pageTitle = getRouteTitleHandled(routeItem).meta.title
+  // window.document.title = pageTitle ? `${config.title} - ${pageTitle}` : config.title
+}
+
+/**
+ * @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 showTitle = (item) => {
+  return item.meta.title
+}
+
+/**
+ * @description 本地存储和获取标签导航列表
+ */
+export const setTagNavListInLocalstorage = (list) => {
+  sessionStorage.tagNaveList = JSON.stringify(list)
+}
+/**
+ * @returns {Array} 其中的每个元素只包含路由原信息中的name, path, meta三项
+ */
+export const getTagNavListFromLocalstorage = () => {
+  const list = sessionStorage.tagNaveList
+  return list ? JSON.parse(list) : []
+}
+
+/**
+ * @param {Array} routers 路由列表数组
+ * @description 用于找到路由列表中name为home的对象
+ */
+export const getHomeRoute = (routers, homeRouteName = '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, homeRouteName)
+      if (res.name) return res
+    } else {
+      if (item.name === homeRouteName) homeRoute = item
+    }
+  }
+  return homeRoute
+}
+
+/**
+ * @param {Array} list 标签列表
+ * @param {String} name 当前关闭的标签的name
+ */
+export const 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 routeHasExist = (tagNavList, routeItem) => {
+  let len = tagNavList.length
+  let res = false
+  doCustomTimes(len, (index) => {
+    if (routeEqual(tagNavList[index], routeItem)) res = true
+  })
+  return res
+}
+
+/**
+ * @description 根据name/params/query判断两个路由对象是否相等
+ * @param {*} route1 路由对象
+ * @param {*} route2 路由对象
+ */
+export const routeEqual = (route1, route2) => {
+  return route1.name === route2.name
+}
+
+/**
+ * @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
+}
+
+function _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)
+  }
+}

package/utils/n-theme.js

@@ -0,0 +1,30 @@
+import classnames from 'classnames'
+import config from "@lambo-design/shared/config/config"
+
+export const THEME_KEY = 'ind-theme'
+export const THEME_LIST = ['ind-default-theme', 'ind-small-theme']
+const defaultTheme = 'ind-small-theme' //'ind-default-theme'
+
+export function getDefaultTheme() {
+  return /*getLocalStorage(THEME_KEY) ||*/ defaultTheme
+}
+
+export function doChangeTheme(theme) {
+  const body = document.getElementsByTagName('body') && document.getElementsByTagName('body')[0]
+  if (body) {
+    let cls = (body.className && body.className.split(' ')) || []
+    const nowCls = cls.reduce((rlt, item) => ({ ...rlt, [item]: true }), {
+      'ind-theme': true,
+      'ind-default-theme': true,
+      'ibp-mode': !config.showMenus,
+    })
+
+    let removeCls = {}
+    const nowTheme = body.getAttribute(THEME_KEY)
+    if (nowTheme && nowTheme !== defaultTheme) {
+      removeCls = { [nowTheme]: false }
+    }
+    body.setAttribute(THEME_KEY, theme)
+    body.className = classnames({ ...nowCls, ...removeCls }, theme)
+  }
+}

package/utils/number.js

@@ -79,21 +79,6 @@ export function numToDX(num) {
   return str.replace(/零(千|百|拾|角)/g, "零").replace(/(零)+/g, "零").replace(/零(万|亿|元)/g, "$1").replace(/(亿)万|壹(拾)/g, "$1$2").replace(/^元零?|零分/g, "").replace(/元$/g, "元整");
 }
 
-/**
- * 校验电话号码是否正确
- *
- */
-
-export function checkTel(val) {
-  var isPhone = /^([0-9]{3,4}-)?[0-9]{7,8}$/;
-  var isMob = /^((\+?86)|(\(\+86\)))?(13[0123456789][0-9]{8}|15[012356789][0-9]{8}|18[0123456789][0-9]{8}|14[57][0-9]{8}|17[678][0-9]{8})$/;
-  if (isMob.test(val) || isPhone.test(val)) {
-    return true;
-  } else {
-    return false;
-  }
-}
-
 /**
  * 保留小数位数
  */
@@ -121,3 +106,75 @@ export function toFixed(num, digit) {
   }
   return changenum;
 }
+/**
+ * js除法计算
+ */
+export const accDiv = function (arg1, arg2) {
+  let t1 = 0, t2 = 0, r1, r2;
+  try {
+    t1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+  }
+  try {
+    t2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+  }
+  r1 = Number(arg1.toString().replace(".", ""))
+  r2 = Number(arg2.toString().replace(".", ""))
+  return (r1 / r2) * Math.pow(10, t2 - t1);
+}
+
+/**
+ * js乘法计算
+ */
+export const accMul = function (arg1, arg2) {
+  let m = 0, s1 = arg1.toString(), s2 = arg2.toString();
+  try {
+    m += s1.split(".")[1].length
+  } catch (e) {
+  }
+  try {
+    m += s2.split(".")[1].length
+  } catch (e) {
+  }
+  return accDiv(Number(s1.replace(".", "")) * Number(s2.replace(".", "")), Math.pow(10, m));
+}
+
+/**
+ * js加法计算
+ */
+export const accAdd = function (arg1, arg2) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+    r1 = 0
+  }
+  try {
+    r2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+    r2 = 0
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  return accDiv((accMul(arg1, m) + accMul(arg2, m)), m);
+}
+
+/**
+ * js减法计算
+ */
+
+export const accSub = function (arg1, arg2) {
+  let r1, r2, m;
+  try {
+    r1 = arg1.toString().split(".")[1].length
+  } catch (e) {
+    r1 = 0
+  }
+  try {
+    r2 = arg2.toString().split(".")[1].length
+  } catch (e) {
+    r2 = 0
+  }
+  m = Math.pow(10, Math.max(r1, r2));
+  return accDiv((accMul(arg1, m) - accMul(arg2, m)), m);
+};

package/utils/oss.js

@@ -0,0 +1,57 @@
+import { CONTENT_TYPE } from './ajax/content-type.js';
+import { config } from '../config/config.js';
+import ajax from "./ajax";
+import axiosN from "./n/reuqest/axiosN.js";
+
+/**
+ * 文档中心下载文件的url，主要用于图片等直接写在 href 里
+ *
+ * @param fileId 文件Id
+ * @returns url
+ */
+export function getOssFileUrl(fileId = '') {
+    return `${config.ossServerContext}/oss/file/get/${fileId}`
+}
+
+/**
+ * 文档中心上传文件的url
+ *
+ * @returns url
+ */
+export function putOssFileUrl() {
+    return `${config.ossServerContext}/oss/file/put`
+}
+
+/**
+ * 获取文档中心文件
+ *
+ * @param fileId 文件Id
+ * @param responseType 数据类型，支持 arraybuffer | blob | document | json | text | stream
+ * @returns 文件内容
+ */
+export function getOssFileApi(fileId, responseType) {
+    const config = {}
+    if (responseType) {
+        config.responseType = responseType
+    }
+    return ajax.get(getOssFileUrl(fileId), config)
+}
+
+/**
+ * 将文件上传到文档中心
+ *
+ * @param filename 文件名
+ * @param blob 文件的Blob数据
+ * @returns 文件Id
+ */
+export function putOssFileApi(filename, blob) {
+    let formData = new FormData()
+    formData.append('file', blob, filename)
+
+    return axiosN({
+        method: 'post',
+        url: putOssFileUrl(),
+        headers: { 'Content-Type': CONTENT_TYPE.multiForm },
+        data: formData,
+    })
+}