vue2-client 1.8.259 → 1.8.261

package/src/utils/login.js

@@ -1,144 +1,144 @@
-import { getRoutesConfig, login } from '@vue2-client/services/user'
-import { loadRoutes, funcToRouter } from '@vue2-client/utils/routerUtil'
-import JSEncrypt from 'jsencrypt'
-import { positions } from '@vue2-client/mock/common'
-import { timeFix } from '@vue2-client/utils/util'
-import { indexedDB } from '@vue2-client/utils/indexedDB'
-import Vue from 'vue'
-import { message } from 'ant-design-vue'
-import {
-  ACCESS_TOKEN,
-  V4_ACCESS_TOKEN,
-} from '@vue2-client/store/mutation-types'
-// 认证类型
-const AUTH_TYPE = {
-  BEARER: 'Bearer',
-  SinglePage: 'SinglePage',
-  BASIC: 'basic',
-  AUTH1: 'auth1',
-  AUTH2: 'auth2',
-}
-export function checkSingleAuthorization (authType = AUTH_TYPE.BEARER, token) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      if (localStorage.getItem(V4_ACCESS_TOKEN)) {
-        return true
-      }
-      break
-    case AUTH_TYPE.SinglePage:
-        return token === localStorage.getItem('SinglePage_TOKEN')
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-  return false
-}
-function setSingleAuthorization (auth, authType = AUTH_TYPE.BEARER) {
-  switch (authType) {
-    case AUTH_TYPE.BEARER:
-      localStorage.setItem(V4_ACCESS_TOKEN, 'Bearer ' + auth.token)
-      break
-    case AUTH_TYPE.BASIC:
-    case AUTH_TYPE.AUTH1:
-    case AUTH_TYPE.AUTH2:
-    default:
-      break
-  }
-}
-function setAccessToken (data) {
-  if (data) {
-    localStorage.setItem(ACCESS_TOKEN, data)
-    let timestamp = new Date().getTime() // 当前的时间戳
-    timestamp = timestamp + 12 * 60 * 60 * 1000
-    // 格式化时间获取年月日, 登陆过期时间
-    const dateAfter = new Date(timestamp)
-    setSingleAuthorization({ token: data, expireAt: dateAfter })
-  }
-}
-function afterGeneral (result, options) {
-  const { password, store } = options
-  const user = Object.assign(
-    {
-      id: result.id,
-      username: result.ename,
-      password: password,
-      name: result.name,
-      avatar:
-        'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
-      address: '西安市',
-      position: positions[0],
-    },
-    result
-  )
-  const setUser = store._mutations['account/setUser'][0]
-  const setPermissions = store._mutations['account/setPermissions'][0]
-  const setRoles = store._mutations['account/setRoles'][0]
-  setUser(user)
-  setPermissions([{ id: 'queryForm', operation: ['add', 'edit'] }])
-  setRoles([{ id: 'admin', operation: ['add', 'edit', 'delete'] }])
-  loadRoutes(funcToRouter(user.functions))
-  // 每次重新登录时，清除indexedDB缓存
-  indexedDB.clear()
-  message.success(timeFix().CN + `，${result.name} 欢迎回来`, 3)
-}
-function afterLogin (res, options) {
-  const { name, password, store, router, pathname } = options
-  const setting = store.state.setting
-  const loginRes = res.states
-  if (loginRes === '登录成功') {
-    const encrypt = new JSEncrypt()
-    encrypt.setPublicKey(
-      'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB'
-    )
-    const data = encrypt.encrypt(
-      JSON.stringify({ username: name, password: password })
-    )
-    // 获取路由配置
-    getRoutesConfig(data, setting.routeName)
-      .then((result) => {
-        Vue.$login
-          .login(result)
-          .then(() => {
-            // V3任何情况首位加入资源管理
-            const resourceManageMain = {
-              name: '资源管理',
-              icon: 'api',
-              position: 1,
-              link: 'resourceManageMain',
-            }
-            result.functions.unshift(resourceManageMain)
-            afterGeneral(result, options)
-            setAccessToken(data)
-            if (result.deps === '用户工单登记') {
-              router.push(setting.ticketPage).catch(() => {
-              })
-            } else {
-              console.log('去往的页面', pathname)
-              router.push(pathname).catch(() => {
-              })
-            }
-          })
-          .finally(() => {
-          })
-      })
-      .catch((res) => {
-      })
-  }
-}
-export function startLogin (options) {
-  const { name, password, store } = options
-  const setting = store.state.setting
-  switch (setting.compatible) {
-    case 'V2':
-    case 'V3': {
-      login(name, password)
-        .then((res) => {
-          afterLogin(res, options)
-        })
-        .catch((msg) => {})
-      break
-    }
-  }
-}
+import { getRoutesConfig, login } from '@vue2-client/services/user'
+import { loadRoutes, funcToRouter } from '@vue2-client/utils/routerUtil'
+import JSEncrypt from 'jsencrypt'
+import { positions } from '@vue2-client/mock/common'
+import { timeFix } from '@vue2-client/utils/util'
+import { indexedDB } from '@vue2-client/utils/indexedDB'
+import Vue from 'vue'
+import { message } from 'ant-design-vue'
+import {
+  ACCESS_TOKEN,
+  V4_ACCESS_TOKEN,
+} from '@vue2-client/store/mutation-types'
+// 认证类型
+const AUTH_TYPE = {
+  BEARER: 'Bearer',
+  SinglePage: 'SinglePage',
+  BASIC: 'basic',
+  AUTH1: 'auth1',
+  AUTH2: 'auth2',
+}
+export function checkSingleAuthorization (authType = AUTH_TYPE.BEARER, token) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      if (localStorage.getItem(V4_ACCESS_TOKEN)) {
+        return true
+      }
+      break
+    case AUTH_TYPE.SinglePage:
+        return token === localStorage.getItem('SinglePage_TOKEN')
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+  return false
+}
+function setSingleAuthorization (auth, authType = AUTH_TYPE.BEARER) {
+  switch (authType) {
+    case AUTH_TYPE.BEARER:
+      localStorage.setItem(V4_ACCESS_TOKEN, 'Bearer ' + auth.token)
+      break
+    case AUTH_TYPE.BASIC:
+    case AUTH_TYPE.AUTH1:
+    case AUTH_TYPE.AUTH2:
+    default:
+      break
+  }
+}
+function setAccessToken (data) {
+  if (data) {
+    localStorage.setItem(ACCESS_TOKEN, data)
+    let timestamp = new Date().getTime() // 当前的时间戳
+    timestamp = timestamp + 12 * 60 * 60 * 1000
+    // 格式化时间获取年月日, 登陆过期时间
+    const dateAfter = new Date(timestamp)
+    setSingleAuthorization({ token: data, expireAt: dateAfter })
+  }
+}
+function afterGeneral (result, options) {
+  const { password, store } = options
+  const user = Object.assign(
+    {
+      id: result.id,
+      username: result.ename,
+      password: password,
+      name: result.name,
+      avatar:
+        'https://gw.alipayobjects.com/zos/rmsportal/jZUIxmJycoymBprLOUbT.png',
+      address: '西安市',
+      position: positions[0],
+    },
+    result
+  )
+  const setUser = store._mutations['account/setUser'][0]
+  const setPermissions = store._mutations['account/setPermissions'][0]
+  const setRoles = store._mutations['account/setRoles'][0]
+  setUser(user)
+  setPermissions([{ id: 'queryForm', operation: ['add', 'edit'] }])
+  setRoles([{ id: 'admin', operation: ['add', 'edit', 'delete'] }])
+  loadRoutes(funcToRouter(user.functions))
+  // 每次重新登录时，清除indexedDB缓存
+  indexedDB.clear()
+  message.success(timeFix().CN + `，${result.name} 欢迎回来`, 3)
+}
+function afterLogin (res, options) {
+  const { name, password, store, router, pathname } = options
+  const setting = store.state.setting
+  const loginRes = res.states
+  if (loginRes === '登录成功') {
+    const encrypt = new JSEncrypt()
+    encrypt.setPublicKey(
+      'MIGfMA0GCSqGSIb3DQEBAQUAA4GNADCBiQKBgQCqPvovSfXcwBbW8cKMCgwqNpsYuzF8RPAPFb7LGsnVo44JhM/xxzDyzoYtdfNmtbIuKVi9PzIsyp6rg+09gbuI6UGwBZ5DWBDBMqv5MPdOF5dCQkB2Bbr5yPfURPENypUz+pBFBg41d+BC+rwRiXELwKy7Y9caD/MtJyHydj8OUwIDAQAB'
+    )
+    const data = encrypt.encrypt(
+      JSON.stringify({ username: name, password: password })
+    )
+    // 获取路由配置
+    getRoutesConfig(data, setting.routeName)
+      .then((result) => {
+        Vue.$login
+          .login(result)
+          .then(() => {
+            // V3任何情况首位加入资源管理
+            const resourceManageMain = {
+              name: '资源管理',
+              icon: 'api',
+              position: 1,
+              link: 'resourceManageMain',
+            }
+            result.functions.unshift(resourceManageMain)
+            afterGeneral(result, options)
+            setAccessToken(data)
+            if (result.deps === '用户工单登记') {
+              router.push(setting.ticketPage).catch(() => {
+              })
+            } else {
+              console.log('去往的页面', pathname)
+              router.push(pathname).catch(() => {
+              })
+            }
+          })
+          .finally(() => {
+          })
+      })
+      .catch((res) => {
+      })
+  }
+}
+export function startLogin (options) {
+  const { name, password, store } = options
+  const setting = store.state.setting
+  switch (setting.compatible) {
+    case 'V2':
+    case 'V3': {
+      login(name, password)
+        .then((res) => {
+          afterLogin(res, options)
+        })
+        .catch((msg) => {})
+      break
+    }
+  }
+}

package/src/utils/lowcode/lowcodeComponentMixin.js

@@ -1,78 +1,112 @@
-// eslint-disable-next-line no-unused-vars
-import Vue from 'vue'
-import lowcodeLog from '@vue2-client/utils/lowcode/lowcodeLog'
-import { uuid } from '@vue2-client/utils/util'
-export default {
-  props: {
-    mixinComponentId: {
-      type: String,
-      required: false,
-      default: uuid()
-    },
-    propsData: {
-      type: Object,
-      default: () => {}
-    }
-  },
-  data () {
-    return {
-      dataForLowCode: {}
-    }
-  },
-  methods: {
-    // 处理目标为本组件的通信
-    handleComponentCommunication (actionType, data, targetKey = undefined, eventOriginalVM = undefined) {
-      lowcodeLog(
-        ` 事件数据：${data},\n 目标key：${targetKey}`,
-        '响应组件接收到事件',
-        actionType,
-        false,
-        true
-      )
-      switch (actionType) {
-        case 'changeValue':
-          this.handleComponentChangeValue(data, targetKey)
-          break
-        case 'log':
-          this.handleComponentLog(data)
-          break
-      }
-    },
-    handleComponentLog (data) {
-      console.warn('vm', this)
-      console.warn('data', data)
-    },
-    handleComponentChangeValue (data, targetKey = undefined) {
-      if (targetKey) {
-        this[targetKey] = data
-        return
-      }
-
-      const keys = Object.keys(data)
-      keys.forEach(key => {
-        this[key] = data[key]
-      })
-    },
-    // 处理本组件发出的事件
-    $lowCodeEmit (eventType, data) {
-      // emit的时候大概率需要传递给外层一个值，所以将其保存后再emit
-      this.dataForLowCode[eventType] = data
-      if (this.mixinComponentId) {
-        this.$emit('onEvent', data, eventType, this.mixinComponentId)
-      }
-    },
-    // 保存值到变量中供低代码平台调用
-    $lowCodeSetData (key, value) {
-      this.dataForLowCode[key] = value
-    }
-  },
-  mounted () {
-    if (this.mixinComponentId) {
-      this.$emit('componentDidMounted', this, this.mixinComponentId)
-    }
-  },
-  supportedEventType: [
-    'changeValue',
-    'log'
-  ],
-}
+// eslint-disable-next-line no-unused-vars
+import Vue from 'vue'
+import lowcodeLog from '@vue2-client/utils/lowcode/lowcodeLog'
+import { uuid } from '@vue2-client/utils/util'
+export default {
+  props: {
+    mixinComponentId: {
+      type: String,
+      required: false,
+      default: uuid()
+    },
+    propsData: {
+      type: Object,
+      default: () => {}
+    },
+    lifeCycleFunction: {
+      type: Array,
+      default: undefined
+    }
+  },
+  data () {
+    return {
+      dataForLowCode: {}
+    }
+  },
+  methods: {
+    // 处理目标为本组件的通信
+    handleComponentCommunication (actionType, data, targetKey = undefined, eventOriginalVM = undefined) {
+      lowcodeLog(
+        ` 事件数据：${data},\n 目标key：${targetKey}`,
+        '响应组件接收到事件',
+        actionType,
+        false,
+        true
+      )
+      switch (actionType) {
+        case 'changeValue':
+          this.handleComponentChangeValue(data, targetKey)
+          break
+        case 'log':
+          this.handleComponentLog(data)
+          break
+      }
+    },
+    handleComponentLog (data) {
+      console.warn('vm', this)
+      console.warn('data', data)
+    },
+    handleComponentChangeValue (data, targetKey = undefined) {
+      if (targetKey) {
+        this[targetKey] = data
+        return
+      }
+
+      const keys = Object.keys(data)
+      keys.forEach(key => {
+        this[key] = data[key]
+      })
+    },
+    // 处理本组件发出的事件
+    $lowCodeEmit (eventType, data) {
+      // emit的时候大概率需要传递给外层一个值，所以将其保存后再emit
+      this.dataForLowCode[eventType] = data
+      if (this.mixinComponentId) {
+        this.$emit('onEvent', data, eventType, this.mixinComponentId)
+      }
+    },
+    // 保存值到变量中供低代码平台调用
+    $lowCodeSetData (key, value) {
+      this.dataForLowCode[key] = value
+    },
+    resolveLifeCycleFunctionAndRun (lifeCycleName) {
+      if (this.lifeCycleFunction && this.lifeCycleFunction.length > 0) {
+        this.lifeCycleFunction.forEach(param => {
+          if (param.lifeCycleName === lifeCycleName) {
+            // eslint-disable-next-line no-eval
+            const receivedFunction = eval('(' + param.functionStr + ')')
+            receivedFunction(this)
+          }
+        })
+      }
+    }
+  },
+  created () {
+    this.resolveLifeCycleFunctionAndRun('created')
+  },
+  beforeMount () {
+    this.resolveLifeCycleFunctionAndRun('beforeMount')
+  },
+  mounted () {
+    this.resolveLifeCycleFunctionAndRun('mounted')
+    if (this.mixinComponentId) {
+      this.$emit('componentDidMounted', this, this.mixinComponentId)
+    }
+  },
+  beforeUpdate () {
+    this.resolveLifeCycleFunctionAndRun('beforeUpdate')
+  },
+  updated () {
+    this.resolveLifeCycleFunctionAndRun('updated')
+  },
+  beforeDestroy () {
+    this.resolveLifeCycleFunctionAndRun('beforeDestroy')
+  },
+  destroyed () {
+    this.resolveLifeCycleFunctionAndRun('destroyed')
+  },
+  supportedEventType: [
+    'changeValue',
+    'log'
+  ],
+}

package/src/utils/lowcode/lowcodeLog.js

@@ -1,29 +1,29 @@
-const banner = `
-        _____         .__                                 .___
-_____ _/ ____\\        |  |   ______  _  __ ____  ____   __| _/____
-\\__  \\\\   __\\  ______ |  |  /  _ \\ \\/ \\/ // ___\\/  _ \\ / __ |/ __ \\
- / __ \\|  |   /_____/ |  |_(  <_> )     /\\  \\__(  <_> ) /_/ \\  ___/
-(____  /__|           |____/\\____/ \\/\\_/  \\___  >____/\\____ |\\___  >
-     \\/                                       \\/           \\/    \\/
-`
-
-const end = '========事件处理结束========'
-
-const styleTitle1 = ` font-size: 20px; font-weight: 600; color: rgb(244,167,89); `
-const styleTitle2 = ` font-style: oblique; font-size:14px; color: rgb(244,167,89); font-weight: 400; `
-const styleContent = ` color:rgb(30,152,255);margin-top:15px `
-
-export default function lowcodeLog (content, title1 = '', title2 = '', withBanner = false, withEnd = false) {
-  if (withBanner) {
-    console.log(banner)
-  }
-  console.log(
-    `%c${title1} %c${title2} %c${content}`,
-    styleTitle1,
-    styleTitle2,
-    styleContent
-  )
-  if (withEnd) {
-    console.log(`%c${end}`, styleTitle1)
-  }
-}
+const banner = `
+        _____         .__                                 .___
+_____ _/ ____\\        |  |   ______  _  __ ____  ____   __| _/____
+\\__  \\\\   __\\  ______ |  |  /  _ \\ \\/ \\/ // ___\\/  _ \\ / __ |/ __ \\
+ / __ \\|  |   /_____/ |  |_(  <_> )     /\\  \\__(  <_> ) /_/ \\  ___/
+(____  /__|           |____/\\____/ \\/\\_/  \\___  >____/\\____ |\\___  >
+     \\/                                       \\/           \\/    \\/
+`
+
+const end = '========事件处理结束========'
+
+const styleTitle1 = ` font-size: 20px; font-weight: 600; color: rgb(244,167,89); `
+const styleTitle2 = ` font-style: oblique; font-size:14px; color: rgb(244,167,89); font-weight: 400; `
+const styleContent = ` color:rgb(30,152,255);margin-top:15px `
+
+export default function lowcodeLog (content, title1 = '', title2 = '', withBanner = false, withEnd = false) {
+  if (withBanner) {
+    console.log(banner)
+  }
+  console.log(
+    `%c${title1} %c${title2} %c${content}`,
+    styleTitle1,
+    styleTitle2,
+    styleContent
+  )
+  if (withEnd) {
+    console.log(`%c${end}`, styleTitle1)
+  }
+}