ui-process-h5 0.1.40 → 1.0.6

package/src/assets/font-icon/iconfont.scss

@@ -1,57 +0,0 @@
-@font-face {
-  font-family: "iconfont";
-  src: url("iconfont.ttf") format("truetype");
-}
-
-.iconfont {
-  font-family: "iconfont" !important;
-  font-size: 16px;
-  font-style: normal;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-.icon-jiantouyou:before {
-  content: "\e62d";
-}
-
-.icon-chaxun:before {
-  content: "\e6b4";
-}
-
-.icon-warning-circle-fill:before {
-  content: "\e848";
-}
-
-.icon-error-fill:before {
-  content: "\e839";
-}
-
-.icon-info-fill:before {
-  content: "\e83d";
-}
-
-.icon-success-fill:before {
-  content: "\e842";
-}
-
-.icon-nan:before {
-  content: "\e623";
-}
-
-.icon-nv:before {
-  content: "\e624";
-}
-
-.icon-cuowuguanbiquxiao:before {
-  content: "\e8e7";
-}
-
-.icon-zuzhijigou:before {
-  content: "\e608";
-}
-
-.icon-pedigree:before {
-  content: "\e60e";
-}
-

package/src/assets/js/auth.js

@@ -1,41 +0,0 @@
-import Cookies from 'js-cookie'
-
-const TokenKey = 'Admin-Token'
-
-const ExpiresInKey = 'Admin-Expires-In'
-
-export function getToken() {
-  return Cookies.get(TokenKey)
-}
-
-export function setToken(token) {
-  return Cookies.set(TokenKey, token)
-}
-
-export function removeToken() {
-  return Cookies.remove(TokenKey)
-}
-
-export function getExpiresIn() {
-  return Cookies.get(ExpiresInKey) || -1
-}
-
-export function setExpiresIn(time) {
-  return Cookies.set(ExpiresInKey, time)
-}
-
-export function removeExpiresIn() {
-  return Cookies.remove(ExpiresInKey)
-}
-
-export function setSystemId(systemId) {
-  return Cookies.set('systemId', systemId)
-}
-
-export function getSystemId() {
-  return Cookies.get('systemId') || 'oa'
-}
-
-export function removeSystemId() {
-  return Cookies.remove('systemId')
-}

package/src/assets/js/errorCode.js

@@ -1,6 +0,0 @@
-export default {
-  '401': '认证失败，无法访问系统资源',
-  '403': '当前操作没有权限',
-  '404': '访问资源不存在',
-  'default': '系统未知错误,请反馈给管理员'
-}

package/src/assets/js/message.js

@@ -1,352 +0,0 @@
-import '@/assets/font-icon/iconfont.scss';
-// 消息类型
-const MessageType = {
-  MESSAGE: 'message', // 普通
-  SUCCESS: 'success', // 成功
-  ERROR: 'error', // 错误
-  WARNING: 'warning' // 警告
-}
-
-// 状态icon图标
-const MessageIcons = {
-  MESSAGE: 'icon-info-fill',
-  SUCCESS: 'icon-success-fill',
-  ERROR: 'icon-error-fill',
-  WARNING: 'icon-warning-circle-fill'
-}
-
-// 状态对应的主色
-const MessageTypeColor = {
-  MESSAGE: '#909399',
-  SUCCESS: '#67C23A',
-  ERROR: '#F56C6C',
-  WARNING: '#E6A23C'
-}
-
-// 创建DOM
-const createDom = ({ isId = false, name = '', tag = 'div' }) => {
-  if (!tag) {
-    return null
-  }
-  const ele = document.createElement(tag)
-  if (name) {
-    if (isId) {
-      ele.id = name
-    } else {
-      ele.className = name
-    }
-  }
-  return ele
-}
-
-// 获取类型对应的背景色
-const getTypeBGColor = type => {
-  let bgColor = ''
-  switch (type) {
-    case MessageType.SUCCESS:
-      bgColor = 'background-color: #f0f9eb;border-color: #e1f3d8;'
-      break
-    case MessageType.ERROR:
-      bgColor = 'background-color: #fef0f0;border-color: #fde2e2;'
-      break
-    case MessageType.WARNING:
-      bgColor = 'background-color: #fdf6ec;border-color: #faecd8;'
-      break
-    default:
-      bgColor = 'background-color: #edf2fc;border-color: #EBEEF5;'
-      break
-  }
-  return bgColor
-}
-
-// 获取类型对应的背景色、文字颜色
-const getTypeDomCss = type => {
-  let cssStr = ''
-  let commonCss = 'display: flex;align-items: center;'
-  switch (type) {
-    case MessageType.SUCCESS:
-      cssStr = commonCss + `${getTypeBGColor(type)};color: ${MessageTypeColor.SUCCESS};`
-      break
-    case MessageType.ERROR:
-      cssStr = commonCss + `${getTypeBGColor(type)};color: ${MessageTypeColor.ERROR};`
-      break
-    case MessageType.WARNING:
-      cssStr = commonCss + `${getTypeBGColor(type)};color: ${MessageTypeColor.WARNING};`
-      break
-    default:
-      cssStr = commonCss + `${getTypeBGColor(type)};color: ${MessageTypeColor.MESSAGE};`
-      break
-  }
-  return cssStr
-}
-
-// 获取类型对应的icon图标的code
-const getIconClass = type => {
-  let iconClass = ''
-  switch (type) {
-    case MessageType.SUCCESS:
-      iconClass = MessageIcons.SUCCESS
-      break
-    case MessageType.ERROR:
-      iconClass = MessageIcons.ERROR
-      break
-    case MessageType.WARNING:
-      iconClass = MessageIcons.WARNING
-      break
-    default:
-      iconClass = MessageIcons.MESSAGE
-      break
-  }
-  return iconClass + ' iconfont'
-}
-
-// 获取类型对应的icon图标的额外样式
-const getTypeIconCss = type => {
-  let cssStr = ''
-  let commonCss = 'margin-right: 10px;font-size: 20px;'
-  switch (type) {
-    case MessageType.SUCCESS:
-      cssStr = commonCss + `color: ${MessageTypeColor.SUCCESS};`
-      break
-    case MessageType.ERROR:
-      cssStr = commonCss + `color: ${MessageTypeColor.ERROR};`
-      break
-    case MessageType.WARNING:
-      cssStr = commonCss + `color: ${MessageTypeColor.WARNING};`
-      break
-    default:
-      cssStr = commonCss + `color: ${MessageTypeColor.MESSAGE};`
-      break
-  }
-  return cssStr
-}
-
-const createMessage = ({ type, content, duration, delay, againBtn, minWidth, maxWidth }, mainContainer) => {
-  if (!mainContainer) {
-    console.error('主容器不存在，查看调用流程，确保doucument.body已生成!')
-    return
-  }
-  /**随机的key */
-  const randomKey = Math.floor(Math.random() * (99999 - 10002)) + 10002
-
-  /**属性配置 */
-  const config = {
-    isRemove: false, // 是否被移除了
-    type: type || MessageType.MESSAGE, // 类型 message success error warning
-    content: content || '', // 提示内容
-    duration: duration || 3000, // 显示时间
-    delay: delay || 0, // 弹出延迟
-    timeout: null, // 计时器事件
-    againBtn: againBtn || false // 是否需要显示 不再提示 按钮
-  }
-  // #region 生成DOM、样式、关系
-  const messageContainer = createDom({ name: `message-${randomKey}`, tag: 'div' })
-  messageContainer.style = `
-  min-width: ${minWidth}px;
-  max-width:${maxWidth}px;
-  padding: 12px 12px;
-  margin-top: -20px;
-  border-radius: 4px;
-  border-width: 1px;
-  border-style: solid;
-  ${getTypeBGColor(config.type)};
-  animation: all cubic-bezier(0.18, 0.89, 0.32, 1.28) 0.4s;
-  transition: all .4s;
-  pointer-events: auto;
-  overflow:hidden;
-  `
-  /**内容区域 */
-  const messageTypeDom = createDom({ tag: 'div' })
-  messageTypeDom.style = getTypeDomCss(config.type)
-  // icon
-  // const messageTypeIcon = createDom({ name: `icon iconfont ${getIconClass(config.type)}`, tag: 'i' })
-  const messageTypeIcon = createDom({ name: `${getIconClass(config.type)}`, tag: 'i' })
-  messageTypeIcon.style = getTypeIconCss(config.type)
-  /**文本内容 */
-  const messageTypeText = createDom({ tag: 'span' })
-  messageTypeText.style = 'font-size: 14px;line-height: 20px;'
-  messageTypeText.innerHTML = config.content
-  /**建立html树关系 */
-  messageTypeDom.appendChild(messageTypeIcon)
-  messageTypeDom.appendChild(messageTypeText)
-  messageContainer.appendChild(messageTypeDom)
-  /**不再提示的按钮 */
-  if (config.againBtn) {
-    const messageAgainDiv = createDom({ name: 'message-again-btn', tag: 'div' })
-    messageAgainDiv.style = `margin-top: 5px;text-align: right;`
-    const messageAgainBtnText = createDom({ name: 'message-again-text', tag: 'span' })
-    messageAgainBtnText.innerHTML = '不再提示'
-    messageAgainBtnText.style = `
-      font-size: 12px;
-      color: rgb(204, 201, 201);
-      border-bottom: 1px solid rgb(204, 201, 201);
-      cursor: pointer;
-      `
-    // 鼠标移入
-    messageAgainBtnText.onmouseover = () => {
-      messageAgainBtnText.style.color = '#fdb906'
-      messageAgainBtnText.style.borderBottom = '1px solid #fdb906'
-    }
-    // 鼠标移出
-    messageAgainBtnText.onmouseout = () => {
-      messageAgainBtnText.style.color = 'rgb(204, 201, 201)'
-      messageAgainBtnText.style.borderBottom = '1px solid rgb(204, 201, 201)'
-    }
-    messageAgainDiv.appendChild(messageAgainBtnText)
-    messageContainer.appendChild(messageAgainDiv)
-    config.elsAgainBtn = messageAgainBtnText
-  }
-  mainContainer.appendChild(messageContainer)
-  // #endregion
-
-  /**绑定DOM、销毁事件，以便进行控制内容与状态 */
-  config.els = messageContainer
-  config.destory = destory.bind(this)
-  function destory(mainContainer, isClick) {
-    if (!config.els || !mainContainer || config.isRemove) {
-      // 不存在，或已经移除，则不再继续
-      return
-    }
-    config.els.style.marginTop = '-20px' // 为了过渡效果
-    config.els.style.opacity = '0' // 为了过渡效果
-    config.isRemove = true
-    if (isClick) {
-      mainContainer.removeChild(messageContainer)
-      _resetMianPosition(mainContainer)
-      free()
-    } else {
-      setTimeout(() => {
-        mainContainer.removeChild(messageContainer)
-        _resetMianPosition(mainContainer)
-        free()
-      }, 400)
-    }
-  }
-
-  // 销毁重置绑定
-  function free() {
-    config.els = null
-    config.elsAgainBtn = null
-    config.destory = null
-  }
-
-  return config
-}
-
-function _toBindEvents(domConfig, _self) {
-  if (!domConfig) {
-    return
-  }
-  // 不再提示按钮的事件绑定
-  if (domConfig.againBtn && domConfig.elsAgainBtn) {
-    // 鼠标点击：将内容记录下来，下次就不显示同内容的弹框
-    domConfig.elsAgainBtn.onclick = () => {
-      clearTimeout(domConfig.timeout)
-      let sessionJson = sessionStorage.getItem('MESSAGE_DONT_REMIND_AGAIN')
-      let tempArr = sessionJson ? JSON.parse(sessionJson) : []
-      let dontRemindAgainList = Array.isArray(tempArr) ? tempArr : []
-      dontRemindAgainList.push(domConfig.content)
-      sessionStorage.setItem(_self.sessionStorageName, JSON.stringify(dontRemindAgainList))
-      domConfig.destory(_self.mainContainer, true)
-    }
-  }
-
-  // 鼠标移入：对销毁计时器进行销毁
-  domConfig.els.onmouseover = () => {
-    clearTimeout(domConfig.timeout)
-  }
-  // 鼠标移出： 一秒后销毁当前message
-  domConfig.els.onmouseout = () => {
-    domConfig.timeout = setTimeout(() => {
-      domConfig.destory(_self.mainContainer)
-      clearTimeout(domConfig.timeout)
-    }, 1000)
-  }
-
-  // 延时隐藏
-  domConfig.timeout = setTimeout(() => {
-    domConfig.destory(_self.mainContainer)
-    clearTimeout(domConfig.timeout)
-  }, domConfig.duration)
-}
-
-function _resetMianPosition(mainContainer) {
-  if (!mainContainer) {
-    return
-  }
-  mainContainer.style.left = `calc(50vw - ${mainContainer.scrollWidth / 2}px)`
-}
-
-class messageBox {
-  constructor() {
-    this.minWidth = 380 // 内容显示宽度：最小值
-    this.maxWidth = 800 // 内容显示宽度：最大值
-    this.top = 45 // 整体的最顶部距离
-    this.zIndex = 99999 // 层级
-    this.mainContainerIdName = 'selfDefine-message-box' // 主体DOM的id名
-    this.sessionStorageName = 'MESSAGE_DONT_REMIND_AGAIN' // 存储session信息的key
-    /**生成主体DOM、样式容器 */
-    let mainDom = document.getElementById(this.mainContainerIdName)
-    if (mainDom) {
-      document.body.removeChild(mainDom)
-    }
-    this.mainContainer = createDom({ isId: true, name: this.mainContainerIdName, tag: 'div' })
-    this.mainContainer.style = `
-    pointer-events:none;
-    position:fixed;
-    top:${this.top}px;
-    left:calc(50vw - ${this.minWidth / 2}px);
-    z-index:${this.zIndex};
-    display: flex;
-    flex-direction: column;
-    align-items:center;
-    `
-    document.body.appendChild(this.mainContainer)
-  }
-
-  /**
-   * 消息提示
-   * @param {String} type 类型 | 必传 | 可选值：message success error warning
-   * @param {String} content 内容 | 必传 | ''
-   * @param {Number} duration 显示时间 | 非必传 | 默认3000毫秒
-   * @param {Number} delay 出现的延时 | 非必传 | 默认0
-   * @param {Boolean} againBtn 是否显示 不再提示 按钮 | 非必传 | 默认false
-   */
-  message(config = {}) {
-    // 不再提示（相同文字内容）的存储与判断逻辑待优化
-    let sessionJson = sessionStorage.getItem(this.sessionStorageName)
-    let dontRemindAgainList = sessionJson ? JSON.parse(sessionJson) : null
-    // 需要显示不再提示按钮，且内容有效，且不再提示的记录数组中包含本次内容，则不提示
-    if (config.againBtn && config.content && dontRemindAgainList && Array.isArray(dontRemindAgainList) && dontRemindAgainList.includes(config.content)) {
-      return
-    }
-
-    const domConfig = createMessage(
-      {
-        type: config.type,
-        content: config.content,
-        duration: config.duration,
-        delay: config.delay,
-        againBtn: config.againBtn,
-        minWidth: this.minWidth,
-        maxWidth: this.maxWidth
-      },
-      this.mainContainer
-    )
-    this.mainContainer.appendChild(domConfig.els)
-    domConfig.els.style.marginTop = '20px' // 为了过渡效果
-    _resetMianPosition(this.mainContainer)
-    _toBindEvents(domConfig, this)
-  }
-
-  beforeDestory() {
-    if (this.mainContainer && this.mainContainer.remove) {
-      this.mainContainer.remove()
-    } else {
-      document.body.removeChild(this.mainContainer)
-    }
-    this.mainContainer = null
-  }
-}
-
-export { MessageType, messageBox }

package/src/assets/js/request.js

@@ -1,90 +0,0 @@
-import axios from 'axios';
-import { messageBox } from './message'
-import { getToken } from './auth';
-import errorCode from './errorCode';
-import { tansParams } from './top';
-import JSONbig from "json-bigint";
-import { baseConfig } from './utils'
-axios.defaults.headers['Content-Type'] = 'application/json;charset=utf-8';
-const opts = {
-  baseURL: baseConfig.apiUrl,
-  timeout: 999999999,
-  errorTip: true,
-  transformResponse: [function (data) {
-    if (typeof data === 'string') {
-      try {
-        data = JSONbig.parse(data);
-      } catch (e) { console.log(e) }
-    }
-    return data;
-  }]
-};
-opts.headers = {
-  'X-Tag': sessionStorage.getItem("tag")
-};
-const service = axios.create(opts);
-
-service.interceptors.request.use(
-  (config) => {
-    const isToken = (config.headers || {}).isToken === false;
-    if (getToken() && !isToken) {
-      config.headers['Authorization'] = 'Bearer ' + getToken(); // 让每个请求携带自定义token 请根据实际情况自行修改
-    }
-
-    if (config.method === 'get' && config.params) {
-      let url = config.url + '?' + tansParams(config.params);
-      url = url.slice(0, -1);
-      config.params = {};
-      config.url = url;
-    }
-    return config;
-  },
-  (error) => {
-    Promise.reject(error);
-  }
-);
-
-// 响应拦截器
-service.interceptors.response.use(
-  (response) => {
-    if (Object.prototype.toString.call(response.data) === '[object Blob]') {
-      return response;
-    }
-    const { data, config } = response;
-    const { code, success } = data;
-    const message = response.data.msg || errorCode[code] || errorCode['default'];
-    // 增加失败判断
-    data.fail = code !== 200 && success !== true;
-
-    if (code === 401) {
-      new messageBox().message({ content: '登录状态已过期，您可以继续留在该页面，或者重新登录', type: 'error' })
-      return data;
-    } else if (code !== 200 && code !== '0' && config.errorTip) {
-
-      new messageBox().message({ content: message, type: 'error' })
-      return data;
-    }
-    return data;
-  },
-  (error) => {
-    let { message } = error;
-    if (message === 'Network Error') {
-      message = '后端接口连接异常';
-    } else if (message.includes('timeout')) {
-      message = '系统接口请求超时';
-    } else if (message.includes('Request failed with status code')) {
-      message = '系统接口' + message.substr(message.length - 3) + '异常';
-    }
-    new messageBox().message({ content: message, type: 'error' })
-    // if (config.errorTip) {
-    //   Message({
-    //     message: message,
-    //     type: 'error',
-    //     duration: 5 * 1000
-    //   });
-    // }
-    return Promise.reject(error);
-  }
-);
-
-export default service;