vue2-client 1.11.5 → 1.11.6-alpha

package/src/theme/global.less

@@ -1,159 +1,159 @@
-@import '~ant-design-vue/es/style/themes/default.less';
-
-html,
-body,
-#app, #root {
-  height: 100%;
-}
-
-.height-fill {
-  height: 100%;
-}
-
-.bg-white {
-  background: #fff;
-}
-
-.colorWeak {
-  filter: invert(80%);
-}
-
-.ant-layout.layout-basic {
-  height: 100vh;
-  min-height: 100vh;
-}
-
-canvas {
-  display: block;
-}
-
-body {
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
-
-ul,
-ol {
-  list-style: none;
-}
-
-// 数据列表 样式
-.table-alert {
-  margin-bottom: 16px;
-}
-
-// 数据列表 操作
-.table-operator {
-  margin-bottom: 18px;
-
-  button {
-    margin-right: 8px;
-  }
-}
-
-// 导出组件选择框
-#export-checkbox-group .ant-checkbox-group-item {
-  box-sizing: border-box;
-  width: 33.33333333%;
-  min-height: 1px;
-  font-weight: 700;
-  margin: 2px 0;
-}
-
-// 数据列表 搜索条件 form表单样式
-.table-page-search-wrapper {
-
-  .ant-form-inline {
-    .ant-form-item {
-      display: flex;
-      margin-top: 12px;
-
-      .ant-form-item-control-wrapper {
-        flex: 1 1;
-        display: inline-block;
-        vertical-align: middle;
-      }
-
-      > .ant-form-item-label {
-        line-height: 32px;
-        padding-right: 8px;
-        width: auto;
-        // 保留lable文本中的空格和换行
-        > label {
-          white-space: pre;
-        }
-      }
-
-      .ant-form-item-control {
-        height: 32px;
-        line-height: 32px;
-      }
-    }
-  }
-
-  // 日期选择框的样式
-  .ant-calendar-picker {
-    min-width: 0;
-    width: 100% !important;
-  }
-
-  .table-page-search-submitButtons {
-    display: block;
-    margin: 12px 0;
-    float: right;
-    white-space: nowrap;
-    // 按钮间隔
-    .detailed-condition ~ button {
-      margin-left: 8px
-    }
-  }
-}
-
-.ant-checkbox-inner, .ant-checkbox-input, .ant-checkbox {
-  width: 20px;
-  height: 20px;
-}
-
-.el-checkbox__inner {
-  width: 16px !important;
-  height: 16px !important;
-  margin-top: 1px;
-}
-
-.el-checkbox__inner::after {
-  height: 9px !important;
-  left: 5px !important;
-}
-.el-checkbox__inner::before {
-  top: 6px !important;
-}
-
-.el-checkbox__input .is-checked {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.ant-layout-footer {
-  display: none;
-}
-
-@media (max-width: @screen-xs) {
-  .ant-table {
-    width: 100%;
-    overflow-x: auto;
-
-    &-thead > tr,
-    &-tbody > tr {
-      > th,
-      > td {
-        white-space: pre;
-
-        > span {
-          display: block;
-        }
-      }
-    }
-  }
-}
+@import '~ant-design-vue/es/style/themes/default.less';
+
+html,
+body,
+#app, #root {
+  height: 100%;
+}
+
+.height-fill {
+  height: 100%;
+}
+
+.bg-white {
+  background: #fff;
+}
+
+.colorWeak {
+  filter: invert(80%);
+}
+
+.ant-layout.layout-basic {
+  height: 100vh;
+  min-height: 100vh;
+}
+
+canvas {
+  display: block;
+}
+
+body {
+  text-rendering: optimizeLegibility;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
+
+ul,
+ol {
+  list-style: none;
+}
+
+// 数据列表 样式
+.table-alert {
+  margin-bottom: 16px;
+}
+
+// 数据列表 操作
+.table-operator {
+  margin-bottom: 18px;
+
+  button {
+    margin-right: 8px;
+  }
+}
+
+// 导出组件选择框
+#export-checkbox-group .ant-checkbox-group-item {
+  box-sizing: border-box;
+  width: 33.33333333%;
+  min-height: 1px;
+  font-weight: 700;
+  margin: 2px 0;
+}
+
+// 数据列表 搜索条件 form表单样式
+.table-page-search-wrapper {
+
+  .ant-form-inline {
+    .ant-form-item {
+      display: flex;
+      margin-top: 12px;
+
+      .ant-form-item-control-wrapper {
+        flex: 1 1;
+        display: inline-block;
+        vertical-align: middle;
+      }
+
+      > .ant-form-item-label {
+        line-height: 32px;
+        padding-right: 8px;
+        width: auto;
+        // 保留lable文本中的空格和换行
+        > label {
+          white-space: pre;
+        }
+      }
+
+      .ant-form-item-control {
+        height: 32px;
+        line-height: 32px;
+      }
+    }
+  }
+
+  // 日期选择框的样式
+  .ant-calendar-picker {
+    min-width: 0;
+    width: 100% !important;
+  }
+
+  .table-page-search-submitButtons {
+    display: block;
+    margin: 12px 0;
+    float: right;
+    white-space: nowrap;
+    // 按钮间隔
+    .detailed-condition ~ button {
+      margin-left: 8px
+    }
+  }
+}
+
+.ant-checkbox-inner, .ant-checkbox-input, .ant-checkbox {
+  width: 20px;
+  height: 20px;
+}
+
+.el-checkbox__inner {
+  width: 16px !important;
+  height: 16px !important;
+  margin-top: 1px;
+}
+
+.el-checkbox__inner::after {
+  height: 9px !important;
+  left: 5px !important;
+}
+.el-checkbox__inner::before {
+  top: 6px !important;
+}
+
+.el-checkbox__input .is-checked {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+
+.ant-layout-footer {
+  display: none;
+}
+
+@media (max-width: @screen-xs) {
+  .ant-table {
+    width: 100%;
+    overflow-x: auto;
+
+    &-thead > tr,
+    &-tbody > tr {
+      > th,
+      > td {
+        white-space: pre;
+
+        > span {
+          display: block;
+        }
+      }
+    }
+  }
+}

package/src/utils/EncryptUtil.js

@@ -1,4 +1,5 @@
 import AesEncryptJS from 'crypto-js'
+import CryptoJS from 'crypto-js'
 import RsaEncryptJS from 'jsencrypt'
 
 export default {
@@ -50,4 +51,26 @@ export default {
     const resdata = encrypt.decrypt(word)
     return JSON.parse(resdata.toString())
   },
+
+  AESEncryptCBC (data, CRYPTO_KEY) {
+    // 生成随机IV（每次加密不同）
+    const iv = CryptoJS.lib.WordArray.random(16)
+
+    // 使用 AES CBC 模式进行加密
+    const encrypted = CryptoJS.AES.encrypt(
+      JSON.stringify(data),
+      CryptoJS.enc.Hex.parse(CRYPTO_KEY),
+      {
+        iv: iv, // IV
+        mode: CryptoJS.mode.CBC,
+        padding: CryptoJS.pad.Pkcs7
+      }
+    )
+
+    // 组合IV和密文，分别Base64编码：IV(base64) + : + 密文(base64)
+    const ivBase64 = iv.toString(CryptoJS.enc.Base64)
+    const encryptedBase64 = encrypted.toString()
+
+    return `${ivBase64}:${encryptedBase64}`
+  }
 }

package/src/utils/authority-utils.js

@@ -1,85 +1,85 @@
-/**
- * 判断是否有路由的权限
- * @param authority 路由权限配置
- * @param permissions 用户权限集合
- * @returns {boolean|*}
- */
-function hasPermission (authority, permissions) {
-  let required = '*'
-  if (typeof authority === 'string') {
-    required = authority
-  } else if (Array.isArray(authority)) {
-    required = authority
-  } else if (typeof authority === 'object') {
-    required = authority.permission
-  }
-  return required === '*' || hasAnyItem(required, permissions, (r, t) => !!(r === t || r === t.id))
-}
-
-/**
- * 判断是否有路由需要的角色
- * @param authority 路由权限配置
- * @param roles 用户角色集合
- */
-function hasRole (authority, roles) {
-  let required
-  if (typeof authority === 'object') {
-    required = authority.role
-  }
-  return authority === '*' || hasAnyItem(required, roles, (r, t) => !!(r === t || r === t.id))
-}
-
-/**
- * 判断目标数组是否有所需元素
- * @param {String | String[]}required 所需元素，数组或单个元素
- * @param {String[]|Object[]} source 目标数组
- * @param {Function} filter 匹配条件
- * (r: String, s: String|Object) => boolean
- * @returns {boolean}
- */
-function hasAnyItem (required, source, filter) {
-  if (!required) {
-    return false
-  }
-  const checkedList = Array.isArray(required) ? required : [required]
-  return !!source.find(s => checkedList.find(r => filter(r, s)))
-}
-
-/**
- * 路由权限校验
- * @param route 路由
- * @param permissions 用户权限集合
- * @param roles 用户角色集合
- * @returns {boolean}
- */
-function hasAuthority (route, permissions, roles) {
-  const authorities = [...route.meta.pAuthorities, route.meta.authority]
-  for (const authority of authorities) {
-    if (!hasPermission(authority, permissions) && !hasRole(authority, roles)) {
-      return false
-    }
-  }
-  return true
-}
-
-/**
- * 根据权限配置过滤菜单数据
- * @param menuData
- * @param permissions
- * @param roles
- */
-function filterMenu (menuData, permissions, roles) {
-  return menuData.filter(menu => {
-    if (menu.meta && menu.meta.invisible === undefined) {
-      if (!hasAuthority(menu, permissions, roles)) {
-        return false
-      }
-    }
-    if (menu.children && menu.children.length > 0) {
-      menu.children = filterMenu(menu.children, permissions, roles)
-    }
-    return true
-  })
-}
-
-export { filterMenu, hasAuthority }
+/**
+ * 判断是否有路由的权限
+ * @param authority 路由权限配置
+ * @param permissions 用户权限集合
+ * @returns {boolean|*}
+ */
+function hasPermission (authority, permissions) {
+  let required = '*'
+  if (typeof authority === 'string') {
+    required = authority
+  } else if (Array.isArray(authority)) {
+    required = authority
+  } else if (typeof authority === 'object') {
+    required = authority.permission
+  }
+  return required === '*' || hasAnyItem(required, permissions, (r, t) => !!(r === t || r === t.id))
+}
+
+/**
+ * 判断是否有路由需要的角色
+ * @param authority 路由权限配置
+ * @param roles 用户角色集合
+ */
+function hasRole (authority, roles) {
+  let required
+  if (typeof authority === 'object') {
+    required = authority.role
+  }
+  return authority === '*' || hasAnyItem(required, roles, (r, t) => !!(r === t || r === t.id))
+}
+
+/**
+ * 判断目标数组是否有所需元素
+ * @param {String | String[]}required 所需元素，数组或单个元素
+ * @param {String[]|Object[]} source 目标数组
+ * @param {Function} filter 匹配条件
+ * (r: String, s: String|Object) => boolean
+ * @returns {boolean}
+ */
+function hasAnyItem (required, source, filter) {
+  if (!required) {
+    return false
+  }
+  const checkedList = Array.isArray(required) ? required : [required]
+  return !!source.find(s => checkedList.find(r => filter(r, s)))
+}
+
+/**
+ * 路由权限校验
+ * @param route 路由
+ * @param permissions 用户权限集合
+ * @param roles 用户角色集合
+ * @returns {boolean}
+ */
+function hasAuthority (route, permissions, roles) {
+  const authorities = [...route.meta.pAuthorities, route.meta.authority]
+  for (const authority of authorities) {
+    if (!hasPermission(authority, permissions) && !hasRole(authority, roles)) {
+      return false
+    }
+  }
+  return true
+}
+
+/**
+ * 根据权限配置过滤菜单数据
+ * @param menuData
+ * @param permissions
+ * @param roles
+ */
+function filterMenu (menuData, permissions, roles) {
+  return menuData.filter(menu => {
+    if (menu.meta && menu.meta.invisible === undefined) {
+      if (!hasAuthority(menu, permissions, roles)) {
+        return false
+      }
+    }
+    if (menu.children && menu.children.length > 0) {
+      menu.children = filterMenu(menu.children, permissions, roles)
+    }
+    return true
+  })
+}
+
+export { filterMenu, hasAuthority }

package/src/utils/errorCode.js

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

package/src/utils/formatter.js

@@ -1,74 +1,74 @@
-const util = require('@vue2-client/utils/util')
-
-/**
- * 把对象按照 js配置文件的格式进行格式化
- * @param obj 格式化的对象
- * @param dep 层级，此项无需传值
- * @returns {string}
- */
-function formatConfig (obj, dep) {
-  dep = dep || 1
-  const LN = '\n'; const TAB = '  '
-  let indent = ''
-  for (let i = 0; i < dep; i++) {
-    indent += TAB
-  }
-  let isArray = false; let arrayLastIsObj = false
-  let str = ''; let prefix = '{'; let subfix = '}'
-  if (Array.isArray(obj)) {
-    isArray = true
-    prefix = '['
-    subfix = ']'
-    str = obj.map((item, index) => {
-      let format = ''
-      if (typeof item == 'function') {
-        //
-      } else if (typeof item == 'object') {
-        arrayLastIsObj = true
-        format = `${LN}${indent}${formatConfig(item, dep + 1)},`
-      } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
-        format = `${item},`
-      } else if (typeof item == 'string') {
-        format = `'${item}',`
-      }
-      if (index === obj.length - 1) {
-        format = format.substring(0, format.length - 1)
-      } else {
-        arrayLastIsObj = false
-      }
-      return format
-    }).join('')
-  } else if (typeof obj != 'function' && typeof obj == 'object') {
-    str = Object.keys(obj).map((key, index, keys) => {
-      const val = obj[key]
-      let format = ''
-      if (typeof val == 'function') {
-        //
-      } else if (typeof val == 'object') {
-        format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
-      } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
-        format = `${LN}${indent}${key}: ${val},`
-      } else if (typeof val == 'string') {
-        format = `${LN}${indent}${key}: '${val}',`
-      }
-      if (index === keys.length - 1) {
-        format = format.substring(0, format.length - 1)
-      }
-      return format
-    }).join('')
-  }
-  const len = TAB.length
-  if (indent.length >= len) {
-    indent = indent.substring(0, indent.length - len)
-  }
-  if (!isArray || arrayLastIsObj) {
-    subfix = LN + indent + subfix
-  }
-  return `${prefix}${str}${subfix}`
-}
-
-function getRealKeyData (data) {
-  return util.getRealKeyData(data)
-}
-
-module.exports = { formatConfig, getRealKeyData }
+const util = require('@vue2-client/utils/util')
+
+/**
+ * 把对象按照 js配置文件的格式进行格式化
+ * @param obj 格式化的对象
+ * @param dep 层级，此项无需传值
+ * @returns {string}
+ */
+function formatConfig (obj, dep) {
+  dep = dep || 1
+  const LN = '\n'; const TAB = '  '
+  let indent = ''
+  for (let i = 0; i < dep; i++) {
+    indent += TAB
+  }
+  let isArray = false; let arrayLastIsObj = false
+  let str = ''; let prefix = '{'; let subfix = '}'
+  if (Array.isArray(obj)) {
+    isArray = true
+    prefix = '['
+    subfix = ']'
+    str = obj.map((item, index) => {
+      let format = ''
+      if (typeof item == 'function') {
+        //
+      } else if (typeof item == 'object') {
+        arrayLastIsObj = true
+        format = `${LN}${indent}${formatConfig(item, dep + 1)},`
+      } else if ((typeof item == 'number' && !isNaN(item)) || typeof item == 'boolean') {
+        format = `${item},`
+      } else if (typeof item == 'string') {
+        format = `'${item}',`
+      }
+      if (index === obj.length - 1) {
+        format = format.substring(0, format.length - 1)
+      } else {
+        arrayLastIsObj = false
+      }
+      return format
+    }).join('')
+  } else if (typeof obj != 'function' && typeof obj == 'object') {
+    str = Object.keys(obj).map((key, index, keys) => {
+      const val = obj[key]
+      let format = ''
+      if (typeof val == 'function') {
+        //
+      } else if (typeof val == 'object') {
+        format = `${LN}${indent}${key}: ${formatConfig(val, dep + 1)},`
+      } else if ((typeof val == 'number' && !isNaN(val)) || typeof val == 'boolean') {
+        format = `${LN}${indent}${key}: ${val},`
+      } else if (typeof val == 'string') {
+        format = `${LN}${indent}${key}: '${val}',`
+      }
+      if (index === keys.length - 1) {
+        format = format.substring(0, format.length - 1)
+      }
+      return format
+    }).join('')
+  }
+  const len = TAB.length
+  if (indent.length >= len) {
+    indent = indent.substring(0, indent.length - len)
+  }
+  if (!isArray || arrayLastIsObj) {
+    subfix = LN + indent + subfix
+  }
+  return `${prefix}${str}${subfix}`
+}
+
+function getRealKeyData (data) {
+  return util.getRealKeyData(data)
+}
+
+module.exports = { formatConfig, getRealKeyData }