haiwei-ui 1.0.0

package/packages/utils/assist.js

@@ -0,0 +1,56 @@
+// 判断参数是否是其中之一
+export function oneOf(value, validList) {
+  for (let i = 0; i < validList.length; i++) {
+    if (value === validList[i]) {
+      return true
+    }
+  }
+  return false
+}
+
+function typeOf(obj) {
+  const toString = Object.prototype.toString
+  const map = {
+    '[object Boolean]': 'boolean',
+    '[object Number]': 'number',
+    '[object String]': 'string',
+    '[object Function]': 'function',
+    '[object Array]': 'array',
+    '[object Date]': 'date',
+    '[object RegExp]': 'regExp',
+    '[object Undefined]': 'undefined',
+    '[object Null]': 'null',
+    '[object Object]': 'object'
+  }
+  return map[toString.call(obj)]
+}
+
+// deepCopy
+export function deepCopy(data) {
+  const t = typeOf(data)
+  let o
+
+  if (t === 'array') {
+    o = []
+  } else if (t === 'object') {
+    o = {}
+  } else {
+    return data
+  }
+
+  if (t === 'array') {
+    for (let i = 0; i < data.length; i++) {
+      o.push(deepCopy(data[i]))
+    }
+  } else if (t === 'object') {
+    for (let i in data) {
+      o[i] = deepCopy(data[i])
+    }
+  }
+  return o
+}
+
+export default {
+  oneOf,
+  deepCopy
+}

package/packages/utils/const.js

@@ -0,0 +1,12 @@
+//常量集合
+window.$const = {
+  // 空的GUID
+  emptyGuid: '00000000-0000-0000-0000-000000000000',
+  //常用正则
+  pattern: {
+    //手机号
+    phone: /^1[3-9][0-9]{9}$/,
+    //身份证号
+    idCard: /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/
+  }
+}

package/packages/utils/db.js

@@ -0,0 +1,32 @@
+import store from 'store'
+const prefix = 'nm-'
+export default {
+  /**
+   * @description 设置
+   */
+  set(key, value) {
+    store.set(`${prefix}${key}`, value)
+  },
+  /**
+   * @description 获取
+   */
+  get(key) {
+    return store.get(`${prefix}${key}`)
+  },
+  /**
+   * @description 删除令牌
+   */
+  remove(key) {
+    store.remove(`${prefix}${key}`)
+  },
+  /**
+   * @description 清除全部
+   */
+  clearAll() {
+    store.each(function(value, key) {
+      if (key.startsWith(prefix)) {
+        store.remove(key)
+      }
+    })
+  }
+}

package/packages/utils/dom.js

@@ -0,0 +1,156 @@
+/** 从ElementUI中移植过来 */
+const SPECIAL_CHARS_REGEXP = /([\\:\-\\_]+(.))/g
+const MOZ_HACK_REGEXP = /^moz([A-Z])/
+
+const trim = function(string) {
+  return (string || '').replace(/^[\s\uFEFF]+|[\s\uFEFF]+$/g, '')
+}
+const camelCase = function(name) {
+  return name
+    .replace(SPECIAL_CHARS_REGEXP, function(_, separator, letter, offset) {
+      return offset ? letter.toUpperCase() : letter
+    })
+    .replace(MOZ_HACK_REGEXP, 'Moz$1')
+}
+
+/**
+ * @description 绑定事件
+ */
+export const on = (function() {
+  return function(element, event, handler) {
+    if (element && event && handler) {
+      element.addEventListener(event, handler, false)
+    }
+  }
+})()
+
+/**
+ * @description 删除事件
+ */
+export const off = (function() {
+  return function(element, event, handler) {
+    if (element && event) {
+      element.removeEventListener(event, handler, false)
+    }
+  }
+})()
+
+/**
+ * @description 绑定一次事件
+ */
+export const once = function(el, event, fn) {
+  var listener = function() {
+    if (fn) {
+      fn.apply(this, arguments)
+    }
+    off(el, event, listener)
+  }
+  on(el, event, listener)
+}
+
+/**
+ * @description 判断是否含有指定的class
+ */
+export function hasClass(el, cls) {
+  if (!el || !cls) return false
+  if (cls.indexOf(' ') !== -1) {
+    throw new Error('className should not contain space.')
+  }
+  if (el.classList) {
+    return el.classList.contains(cls)
+  } else {
+    return (' ' + el.className + ' ').indexOf(' ' + cls + ' ') > -1
+  }
+}
+
+/**
+ * @description 添加class
+ */
+export function addClass(el, cls) {
+  if (!el) return
+  var curClass = el.className
+  var classes = (cls || '').split(' ')
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i]
+    if (!clsName) continue
+
+    if (el.classList) {
+      el.classList.add(clsName)
+    } else if (!hasClass(el, clsName)) {
+      curClass += ' ' + clsName
+    }
+  }
+  if (!el.classList) {
+    el.className = curClass
+  }
+}
+
+/**
+ * @description 删除class
+ */
+export function removeClass(el, cls) {
+  if (!el || !cls) return
+  var classes = cls.split(' ')
+  var curClass = ' ' + el.className + ' '
+
+  for (var i = 0, j = classes.length; i < j; i++) {
+    var clsName = classes[i]
+    if (!clsName) continue
+
+    if (el.classList) {
+      el.classList.remove(clsName)
+    } else if (hasClass(el, clsName)) {
+      curClass = curClass.replace(' ' + clsName + ' ', ' ')
+    }
+  }
+  if (!el.classList) {
+    el.className = trim(curClass)
+  }
+}
+
+/**
+ * @description 获取样式
+ */
+export const getStyle = function(element, styleName) {
+  if (!element || !styleName) return null
+  styleName = camelCase(styleName)
+  if (styleName === 'float') {
+    styleName = 'cssFloat'
+  }
+  try {
+    var computed = document.defaultView.getComputedStyle(element, '')
+    return element.style[styleName] || computed ? computed[styleName] : null
+  } catch (e) {
+    return element.style[styleName]
+  }
+}
+
+/**
+ * @description 设置样式
+ */
+export function setStyle(element, styleName, value) {
+  if (!element || !styleName) return
+
+  if (typeof styleName === 'object') {
+    for (var prop in styleName) {
+      if (styleName.hasOwnProperty(prop)) {
+        setStyle(element, prop, styleName[prop])
+      }
+    }
+  } else {
+    styleName = camelCase(styleName)
+    element.style[styleName] = value
+  }
+}
+
+export default {
+  on,
+  off,
+  once,
+  hasClass,
+  addClass,
+  removeClass,
+  getStyle,
+  setStyle
+}

package/packages/utils/http.js

@@ -0,0 +1,307 @@
+import axios from 'axios'
+import qs from 'qs'
+import dayjs from 'dayjs'
+import token from './token'
+import { Message, MessageBox } from 'element-ui'
+import { store } from '../store'
+import { router } from '../router'
+
+axios.defaults.headers.post['Content-Type'] = 'application/json'
+axios.defaults.headers.put['Content-Type'] = 'application/json'
+
+function Http() {
+  this.axios = axios
+}
+
+// 序列化参数为Url形式
+Http.prototype.stringify = params => {
+  return qs.stringify(params, {
+    allowDots: true
+  })
+}
+
+Http.prototype.post = (url, params, config) => {
+  return axios.post(url, params, config)
+}
+
+Http.prototype.get = (url, params, config) => {
+  const config_ = Object.assign({}, config, {
+    // 参数
+    params,
+    // 修改参数序列化方法
+    paramsSerializer: p => {
+      // 使用逗号分隔参数
+      return qs.stringify(p, {
+        allowDots: true
+      })
+    }
+  })
+  return axios.get(url, config_)
+}
+
+Http.prototype.delete = (url, params, config) => {
+  const config_ = Object.assign({}, config, {
+    // 参数
+    params,
+    // 修改参数序列化方法
+    paramsSerializer: p => {
+      // 使用逗号分隔参数
+      return qs.stringify(p, {
+        allowDots: true
+      })
+    }
+  })
+  return axios.delete(url, config_)
+}
+
+Http.prototype.put = (url, params, config) => {
+  return axios.put(url, params, config)
+}
+
+Http.prototype.download = (url, params, config) => {
+  const config_ = Object.assign({ responseType: 'blob' }, config, {
+    // 参数
+    params,
+    // 修改参数序列化方法
+    paramsSerializer: p => {
+      // 使用逗号分隔参数
+      return qs.stringify(p, {
+        allowDots: true
+      })
+    }
+  })
+  return axios.get(url, config_)
+}
+
+Http.prototype.preview = (url, params, config) => {
+  const config_ = Object.assign({ responseType: 'blob', headers: { preview: true } }, config, {
+    // 参数
+    params,
+    // 修改参数序列化方法
+    paramsSerializer: p => {
+      // 使用逗号分隔参数
+      return qs.stringify(p, {
+        allowDots: true
+      })
+    }
+  })
+  return axios.get(url, config_)
+}
+
+Http.prototype.export = (url, params, config) => {
+  return axios.post(url, params, Object.assign({ responseType: 'blob' }, config))
+}
+
+// 通用CRUD接口地址
+Http.prototype.crud = root => {
+  if (!root.endsWith('/')) {
+    root += '/'
+  }
+  return {
+    query(params) {
+      return $http.get(`${root}query`, params)
+    },
+    add(params) {
+      return $http.post(`${root}add`, params)
+    },
+    remove(id) {
+      return $http.delete(`${root}delete`, { id })
+    },
+    edit(id) {
+      return $http.get(`${root}edit`, { id })
+    },
+    update(params) {
+      return $http.post(`${root}update`, params)
+    }
+  }
+}
+
+// 设为全局属性$http
+if (!window.$http) window.$http = new Http()
+
+// 消息提醒显示时长(ms)
+const messageDuration = 1500
+//是否显示了账户在其他地方登录的提示框
+let showLoginOnOtherPlaces = false
+
+//处理文件下载请求
+const handleDownload = response => {
+  //如果返回的是application/json，则表示返回的是json，没有要下载的问题，可能是逻辑处理失败
+  if (response.data.type === 'application/json') {
+    var reader = new FileReader()
+    reader.onload = e => {
+      var data = JSON.parse(e.target.result)
+      if (data.code === 1) {
+        return data.data
+      } else {
+        Message.error({
+          message: data.msg,
+          showClose: true,
+          duration: messageDuration
+        })
+        return
+      }
+    }
+    reader.readAsText(response.data)
+    return
+  }
+
+  const url = window.URL.createObjectURL(response.data)
+
+  // 如果是预览直接返回
+  if (response.config.headers['preview']) return url
+
+  let fileName = ''
+  // 如果响应头包含'content-disposition'属性，则从该属性中获取文件名称
+  let cd = response.headers['content-disposition']
+  if (cd) {
+    fileName = decodeURI(cd.split("''")[1])
+  }
+
+  //如果文件名不存在，则使用时间戳
+  if (!fileName) {
+    fileName = dayjs().format('YYYYMMDDHHMMSSS')
+  }
+
+  //通过模拟a标签点击事件下载文件
+  const link = document.createElement('a')
+  link.href = url
+  link.setAttribute('download', fileName)
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+}
+
+//刷新令牌
+const refreshToken = () => {
+  let t = token.get()
+  if (t && t.refreshToken) {
+    return store.state.app.system.actions.refreshToken(t.refreshToken)
+  }
+
+  Promise.reject('refresh token error')
+}
+
+// 初始化
+export default config => {
+  // 接口根路径
+  axios.defaults.baseURL = config.baseUrl
+
+  // 拦截请求
+  axios.interceptors.request.use(
+    config => {
+      let t = token.get()
+      if (t && t.accessToken) {
+        config.headers.Authorization = 'Bearer ' + t.accessToken
+      }
+      return config
+    },
+    function(error) {
+      return Promise.reject(error)
+    }
+  )
+
+  // 响应前拦截器
+  axios.interceptors.response.use(
+    response => {
+      const { config } = response
+      // 文件下载/预览
+      if (config.responseType && config.responseType === 'blob') {
+        return handleDownload(response)
+      }
+
+      if (response.data.code === 1) {
+        return response.data.data
+      } else if (response.data.code === 0 && !config.noErrorMsg) {
+        Message.error({
+          message: response.data.msg,
+          showClose: true,
+          duration: messageDuration
+        })
+        return Promise.reject(response.data.msg)
+      } else {
+        return response.data
+      }
+    },
+    error => {
+      let currentRoute = router.currentRoute
+      let redirect = currentRoute.name !== 'login' ? currentRoute.fullPath : '/' // 跳转页面
+      if (error && error.response) {
+        switch (error.response.status) {
+          case 401:
+            return refreshToken()
+              .then(data => {
+                //重新初始化令牌
+                store.commit('app/token/init', data)
+                //重新发一起一次上次的的请求
+                error.config.headers.Authorization = 'Bearer ' + data.accessToken
+                return axios.request(error.config)
+              })
+              .catch(() => {
+                // 如果刷新失败，需要删除token并跳转到登录页面
+                token.remove()
+                router.push({
+                  name: 'login',
+                  query: {
+                    redirect
+                  }
+                })
+              })
+          case 403:
+            store.dispatch(
+              'app/page/close',
+              {
+                fullPath: currentRoute.path,
+                router: router,
+                to: {
+                  name: 'error403'
+                }
+              },
+              { root: true }
+            )
+            break
+          case 622:
+            //单账户登录功能
+            if (!showLoginOnOtherPlaces) {
+              showLoginOnOtherPlaces = true
+              MessageBox.confirm('账户已在别处登录, 请重新登录~', '提示', {
+                confirmButtonText: '确定',
+                type: 'warning',
+                showCancelButton: false,
+                callback() {
+                  // 删除token
+                  token.remove()
+                  router.push({
+                    name: 'login',
+                    query: {
+                      redirect
+                    }
+                  })
+                  showLoginOnOtherPlaces = false
+                }
+              })
+            }
+            break
+          default:
+            console.error(error.response.data.msg)
+            Message.error({
+              message: '系统异常，请联系管理员~',
+              duration: messageDuration
+            })
+            break
+        }
+      } else {
+        if (currentRoute.name === 'login') {
+          Message.error({
+            message: '无法连接网络~',
+            duration: messageDuration
+          })
+        } else {
+          token.remove()
+          router.push({ name: 'login', query: { redirect } })
+        }
+      }
+      return Promise.reject(error)
+    }
+  )
+}

package/packages/utils/load-routes.js

@@ -0,0 +1,37 @@
+/**
+ * 单个页面转为路由信息
+ * @param {Object} config 配置信息
+ */
+const Page2Route = config => {
+  const { page, component } = config
+  return {
+    path: page.path,
+    name: page.name.toLowerCase(),
+    component: component,
+    props: page.props || true,
+    meta: {
+      title: page.title,
+      icon: page.icon,
+      frameIn: page.frameIn, //是否框架内
+      cache: page.cache, //是否缓存
+      noPermission: page.noPermission, //是否不走权限验证
+      buttons: page.buttons,
+      permissions: page.permissions
+    }
+  }
+}
+
+/**
+ * @description 页面数组转为路由数组
+ * @param {Object} module 模块信息
+ * @param {Object} pages 页面数组
+ */
+export default pages => {
+  let routes = []
+  pages.forEach(item => {
+    if (item) {
+      routes.push(Page2Route(item))
+    }
+  })
+  return routes
+}

package/packages/utils/menu.js

@@ -0,0 +1,53 @@
+import { store } from '../store'
+
+// 打开路由菜单
+const openRoute = (router, menu) => {
+  let route = { name: menu.routeName, params: {} }
+  if (menu.routeQuery) {
+    route.query = JSON.parse(menu.routeQuery)
+  }
+  if (menu.routeParams) {
+    route.params = JSON.parse(menu.routeParams)
+  }
+
+  route.params['tn_'] = menu.name
+
+  router.push(route)
+}
+
+// 打开链接菜单
+const openLink = (router, menu) => {
+  const target = menu.target
+  if (!target || target === 0) {
+    window.open(menu.url, '_blank')
+  } else if (target === 1) {
+    window.open(menu.url, '_self')
+  } else if (target === 2) {
+    // Dialog模式
+    store.dispatch('app/dialog-menu/open', {
+      title: menu.name,
+      icon: menu.icon,
+      url: menu.url
+      // width: menu.dialogWidth,
+      // height: menu.dialogHeight,
+      // fullscreen: menu.dialogFullscreen
+    })
+  } else if (target === 3 || target === 4) {
+    // 当前皮肤下，容器内和内容区一样
+    router.push({
+      name: 'iframe',
+      params: { url: encodeURI(menu.url), tn_: menu.name }
+    })
+  }
+}
+
+const open = (router, menu) => {
+  // 1、站内路由 2、站外链接
+  if (menu.type === 1) {
+    openRoute(router, menu)
+  } else if (menu.type === 2) {
+    openLink(router, menu)
+  }
+}
+
+export { open }

package/packages/utils/regex.js

@@ -0,0 +1,7 @@
+/**常用正则表达式 */
+export default {
+  /**手机号 */
+  phone: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/,
+  /**统一社会信用代码 */
+  creditCode: /^1[3|4|5|6|7|8|9][0-9]\d{8}$/
+}

package/packages/utils/resize-event.js

@@ -0,0 +1,40 @@
+import ResizeObserver from 'resize-observer-polyfill'
+
+const isServer = typeof window === 'undefined'
+
+/* istanbul ignore next */
+const resizeHandler = function (entries) {
+  for (let entry of entries) {
+    const listeners = entry.target.__resizeListeners__ || []
+    if (listeners.length) {
+      listeners.forEach(fn => {
+        fn()
+      })
+    }
+  }
+}
+
+/* istanbul ignore next */
+const addResizeListener = function (element, fn) {
+  if (isServer) return
+  if (!element.__resizeListeners__) {
+    element.__resizeListeners__ = []
+    element.__ro__ = new ResizeObserver(resizeHandler)
+    element.__ro__.observe(element)
+  }
+  element.__resizeListeners__.push(fn)
+}
+
+/* istanbul ignore next */
+const removeResizeListener = function (element, fn) {
+  if (!element || !element.__resizeListeners__) return
+  element.__resizeListeners__.splice(element.__resizeListeners__.indexOf(fn), 1)
+  if (!element.__resizeListeners__.length) {
+    element.__ro__.disconnect()
+  }
+}
+
+export { addResizeListener, removeResizeListener }
+
+const resizeEvent = { addResizeListener, removeResizeListener }
+export default resizeEvent