@lambo-design/shared 1.0.0-beta.243 → 1.0.0-beta.246

package/utils/n-router.js

@@ -1,205 +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)
-  }
-}
+// 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

@@ -1,30 +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)
-  }
-}
+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)
+  }
+}