epx-frame 3.5.0-shpgy.1

package/src/utils/fieldFactory.js

@@ -0,0 +1,147 @@
+import store from '@/store'
+import { ADD_LIST, ADD_META } from '@/store/actions'
+import { isString } from 'lodash-es'
+class FieldFactory {
+  // 创建字段配置
+  async createFields ({ fields, fieldScope, meta, pageType = 'DETAIL', metaId = '', hiddenFields = [], defaultFieldConfigs = {} }) {
+    const fieldConfigMaps = []
+    let newMeta = meta || store.state.meta.metas[`${metaId}`]
+    if (!newMeta) {
+      newMeta = await store.dispatch({ // 加回调
+        type: ADD_META,
+        metaId: metaId
+      })
+    }
+    if (!fields || Object.keys(fields).length === 0) {
+      fields = [...newMeta.getListFields()]
+    }
+    const metaKeyName = newMeta.getKey()
+    const metaKeyType = newMeta.getKeyType()
+    const linkAttrKeys = Object.values(newMeta.getLinkAttrs() || {})
+    for (let i = 0; i < fields.length; i++) {
+      let fieldConfig = {} // 字段配置信息
+      const field = fields[i]
+      if (isString(field)) {
+        fieldConfig.attriName = field
+      } else {
+        fieldConfig = { ...field }
+      }
+      if (fieldConfig.type === 'meta') {
+        const relation = newMeta.relatedEntitys.find(item => item.flag === fieldConfig.attriName)
+        if (relation) {
+          if (!fieldConfig.attriLabel) fieldConfig.attriLabel = relation.title
+        }
+      }
+      if (!fieldConfig.attriName) {
+        continue
+      }
+      if (!fieldConfig.state) fieldConfig.state = pageType
+      if (linkAttrKeys.includes(fieldConfig.attriName)) {
+        if (pageType === 'ADD') {
+          // fieldConfig.state = 'HIDDEN'
+        } else {
+          // fieldConfig.state = 'DETAIL'
+        }
+      }
+
+      if (fieldConfig.attriName === metaKeyName && fieldConfig.state !== 'SEARCH') {
+        if (metaKeyType !== 'assigned') {
+          fieldConfig.state = 'HIDDEN'
+        } else {
+          const { dataType } = newMeta.attributes[metaKeyName]
+          if (dataType === 'derive') {
+            if (pageType === 'EDIT' || pageType === 'ADD') {
+              fieldConfig.state = 'HIDDEN'
+            }
+          }
+        }
+      }
+      const isHidden = hiddenFields.find(item => fieldConfig.attriName === item.attriName || item)
+      if (isHidden) {
+        fieldConfig.state = 'HIDDEN'
+      }
+      if (defaultFieldConfigs[fieldConfig.attriName]) {
+        fieldConfig = { ...fieldConfig, ...defaultFieldConfigs[fieldConfig.attriName] }
+      }
+      // 无效字段
+      if (fieldConfig.state && fieldConfig.state === 'INVALID') {
+        fieldConfigMaps.push(fieldConfig)
+        continue
+      }
+
+      // 隐含字段
+      // if (fieldConfig.state && fieldConfig.state === 'HIDDEN') {
+      //   fieldConfigMaps.push(fieldConfig)
+      //   continue
+      // }
+
+      let fieldFromMetaId = newMeta.getId()
+      let fieldFromMeta = newMeta
+      let fieldName = fieldConfig.attriName
+
+      if (fieldName.indexOf('|') > -1) { // 关联字段
+        const fieldNameArray = fieldName.split('|')
+        fieldName = fieldNameArray[fieldNameArray.length - 1]
+        for (let i = 0; i < fieldNameArray.length - 1; i++) {
+          fieldFromMetaId = fieldFromMeta.getRelationIdByMetaId(fieldNameArray[i])
+          if (!fieldFromMetaId) break
+          fieldFromMeta = store.getters.getMetaById(fieldFromMetaId)
+          if (!fieldFromMeta) {
+            fieldFromMeta = await store.dispatch({ // 加回调
+              type: ADD_META,
+              metaId: fieldFromMetaId
+            })
+          }
+        }
+      }
+      fieldConfig = this.createFieldConfig({ fieldFromMeta, fieldConfig: { ...fieldConfig }, fieldName })
+      // 判断字段权限
+      if (fieldScope && !fieldConfig.type === 'meta' && !fieldConfig.includes('|')) {
+        const type = fieldConfig.state === 'ADD' || fieldConfig.state === 'EDIT' ? '2' : '1'
+        const scope = fieldScope[type]
+        if (scope && scope.type === '2') {
+          if (!scope.fieldScope.includes(fieldConfig.attribute.id)) {
+            continue
+          }
+        }
+      }
+      if (fieldConfig.attriLabel) {
+        fieldConfigMaps.push(fieldConfig)
+      }
+    }
+    return fieldConfigMaps
+  }
+
+  createFieldConfig ({ fieldFromMeta, fieldConfig, fieldName }) {
+    const attribute = fieldFromMeta.getAttribute(fieldName) || {}
+    fieldConfig.attribute = { ...attribute, ...(fieldConfig.attribute || {}) }
+    if (!fieldConfig.attriLabel) fieldConfig.attriLabel = attribute.label
+    // if(!fieldConfig.fieldName) fieldConfig.fieldName = fieldName;
+    if (!fieldConfig.dataType) fieldConfig.dataType = attribute.dataType
+    if (!fieldConfig.codeKey) {
+      if (fieldConfig.dataType === 'list') fieldConfig.codeKey = attribute.codeKey
+      else fieldConfig.codeKey = attribute.relatedEntity || attribute.codeKey
+    }
+    if (!fieldConfig.isRequired) fieldConfig.isRequired = attribute.isRequired
+    if (fieldConfig.state === 'EDIT' || fieldConfig.state === 'ADD' || fieldConfig.state === 'SEARCH') {
+      if (fieldConfig.dataType === 'list' || fieldConfig.dataType === 'treeList' || fieldConfig.dataType === 'radio' || fieldConfig.dataType === 'multibox') {
+        this.setList(fieldConfig.dataType, fieldConfig.codeKey, fieldConfig.attribute)
+      } else if (fieldConfig.dataType === 'object') {
+      // this.setList(fieldConfig.dataType, fieldConfig.codeKey)
+      }
+    }
+    if (fieldConfig.fieldLabel) fieldConfig.attriLabel = fieldConfig.fieldLabel
+    if (fieldConfig.emptyText) fieldConfig.placeholder = fieldConfig.emptyText
+    return fieldConfig
+  }
+
+  setList (dataType, codeKey, { optionType }) {
+    store.dispatch({
+      type: ADD_LIST,
+      key: codeKey,
+      dataType: optionType || dataType
+    })
+  }
+}
+
+export default new FieldFactory()

package/src/utils/index.js

@@ -0,0 +1,21 @@
+import axios from './axios'
+import Config from './Config'
+import FieldFactory from './fieldFactory'
+import Meta from './meta'
+import Page from './page'
+import util from './util'
+import http from '@/api'
+import mixin from './mixins/global'
+import router from '@/router'
+
+export {
+  axios,
+  Config,
+  FieldFactory,
+  Meta,
+  Page,
+  util,
+  http,
+  mixin,
+  router
+}

package/src/utils/loadComponent.js

@@ -0,0 +1,39 @@
+export default function loadComponentFactory (Vue) {
+  return (pagePath, defaultComponent) => {
+    let project, pathName
+    let componentName = 'epx-' + defaultComponent
+    if (pagePath) {
+      const rootMatch = pagePath.match(/^@\/(frame\/|product\/|project\/)?/)
+      if (rootMatch) {
+        project = rootMatch[0].replace(/[@|/]/g, '')
+        pathName = pagePath.split(rootMatch[0])[1].replace('.vue', '')
+      } else {
+        project = ''
+      }
+
+      const componentPath = pathName.replace(/\//g, '-').replace(/(\w)([A-Z])/g, '$1-$2').replace('views-', '').replace('packages-', '').toLowerCase()
+      const _componentName = 'epx-' + componentPath // (project === 'frame' ? '' : (project + '-')) +
+      componentName = _componentName
+      // 获取注册的组件
+    }
+    const component = Vue.component(componentName)
+    if (!component) {
+      // 注册组件
+      Vue.component(componentName, function (resolve) {
+        try {
+          if (project === 'frame') {
+            // 获取所有的frame
+            require.ensure([], () => resolve(require('@/frame/' + pathName)), 'frame1')
+          } else if (project === 'product') {
+            require.ensure([], () => resolve(require('@/product/' + pathName)), 'product')
+          } else if (project === 'project') {
+            require.ensure([], () => resolve(require('@/project/' + pathName)), 'project')
+          }
+        } catch (error) {
+
+        }
+      })
+    }
+    return componentName
+  }
+}

package/src/utils/meta.js

@@ -0,0 +1,355 @@
+import util from './util'
+class Meta {
+  constructor (props = {}) {
+    var me = this
+    me.attriNames = props.attriNames
+    me.name = props.name // 名称
+    me.id = props.id // 编号
+    me.code = props.code // 编号
+    me.label = props.label // 外部标签字段
+    me.keyType = props.keyType // 主键生成方式
+    me.attributes = props.attributes // 对象所有属性元数据-数组
+    me.attriIds = props.attriIds // 对象所有字段编号-数组
+    me.attriNames = props.attriNames // 对象所有字段名-数组
+    me.keyNames = props.keyName ? [props.keyName] : [] // 主键字段-数组
+    me.relatedEntitys = props.relatedEntitys // 关联对象
+    me.attriRelys = props.attriRelys // 字段依赖
+    me.operates = props.operates // 对象操作
+    me.searchFields = props.searchFields // 查询字段
+    me.addPage = props.addPage // 新增页面
+    me.detailPage = props.detailPage // 详情页面
+    me.editPage = props.editPage // 编辑页面
+    me.findPage = props.findPage // 查找页面
+    me.clientCode = props.clientCode // 系统编号
+    me.systemCode = props.systemCode // 系统编号
+    me.serverCode = props.serverCode // 服务编号
+
+    return me
+  }
+
+  getId () {
+    return this.id
+  }
+
+  getCode () {
+    return this.code
+  }
+
+  getName () {
+    return this.name
+  }
+
+  getLabel () {
+    return this.label
+  }
+
+  getSystemCode () {
+    return this.systemCode
+  }
+
+  getServerCode () {
+    return this.serverCode
+  }
+
+  getKeyType () {
+    return this.keyType
+  }
+
+  getAttributes () {
+    const currentLanguage = util.getCurrentLanguage()
+    for (const key in this.attributes) {
+      const item = this.attributes[key]
+      const languageLabelMap = {}
+      if (item.languageLabel) {
+        item.languageLabel.map(label => (languageLabelMap[label.language] = label.value))
+      }
+      item.label = languageLabelMap[currentLanguage] || item.label
+    }
+    return this.attributes
+  }
+
+  getAttriIds () {
+    return this.attriIds
+  }
+
+  getAttriNames () {
+    return this.attriNames
+  }
+
+  getKeyNames () {
+    return this.keyNames
+  }
+
+  getRelatedEntitys () {
+    return this.relatedEntitys
+  }
+
+  getModel () {
+    return this.attriNames
+  }
+
+  getAttribute (field) {
+    return this.getAttributes()[field]
+  }
+
+  /**
+   * 获取列表字段
+   */
+  getAllFields () {
+    const attributes = this.getAttributes()
+    const attributesArr = Object.values(attributes).filter(item => (!['LOG_C_TIME', 'LOG_C_USER', 'LOG_U_TIME', 'LOG_U_USER'].includes(item.name)))
+
+    attributesArr.sort((a, b) => a.orderNum - b.orderNum)
+
+    return attributesArr.map(item => item.name)
+  }
+
+  /**
+   * 获取列表字段
+   */
+  getListFields () {
+    const attributes = this.getAttributes()
+    const attributesArr = Object.values(attributes).filter(item => (!['LOG_C_TIME', 'LOG_C_USER', 'LOG_U_TIME', 'LOG_U_USER'].includes(item.name)))
+    attributesArr.sort((a, b) => a.orderNum - b.orderNum)
+
+    return attributesArr.map(item => item.name)
+  }
+
+  getAllFieldConfigs () {
+    const attributes = this.getAttributes()
+    const attributesArr = Object.values(attributes).filter(item => (!['LOG_C_TIME', 'LOG_C_USER', 'LOG_U_TIME', 'LOG_U_USER'].includes(item.name)))
+    attributesArr.sort((a, b) => a.orderNum - b.orderNum)
+
+    return attributesArr.map(item => ({ attribute: item, attriName: item.name, attriLabel: item.label, dataType: item.dataType, isRequired: item.isRequired, codeKey: item.relatedEntity || item.codeKey }))
+  }
+
+  getIndex (orderNum, fields) {
+    if (fields[orderNum]) {
+      return this.getIndex(orderNum + 1, fields)
+    } else {
+      return orderNum
+    }
+  }
+
+  getExportFields () {
+    const attributes = this.getAttributes()
+    const attributesArr = Object.values(attributes)
+    attributesArr.sort((a, b) => a.orderNum - b.orderNum)
+    const exportFields = {}
+    Object.values(attributes).forEach(item => {
+      const index = this.getIndex(item.orderNum * 1000, exportFields)
+      exportFields[index] = { ...item, attriName: item.name, attriLabel: item.label }
+    })
+    const fields = Object.values(exportFields)
+    return fields
+  }
+
+  /**
+ * 主键字段
+ * @return {}
+ */
+  getKey () {
+    // var me=this;
+    return this.keyNames[0]
+  }
+
+  getKeyAttribute () {
+    // var me=this;
+    return this.attributes[this.getKey()]
+  }
+
+  /**
+   * 业务主键
+   * @returns
+   */
+  getBusiKeyAttrs () {
+    const attributes = this.getAttributes()
+    const keyAttrs = Object.values(attributes).filter(item => item.busiKey === '1') || []
+    return keyAttrs
+  }
+
+  /**
+ * 获取所有属性
+ * @return {}
+ */
+  getAttris () {
+    const data = []
+    const m = this
+    const attris = m.attributes
+    attris.forEach((name, index) => {
+      const a = attris[name]
+      data[index] = { ID: a.name, NAME: a.label }
+    })
+    return data
+  }
+
+  /**
+ * ID对应LAVEL
+ */
+  getIdLabelAttris () {
+    const data = []
+    const m = this
+    const attris = m.attributes
+    attris.forEach((name, index) => {
+      const a = attris[name]
+      data[index] = { ID: a.id, NAME: a.label }
+    })
+    return data
+  }
+
+  /**
+ * NAME对应LAVEL
+ */
+  getNameLabelAttris () {
+    const data = []
+    const m = this
+    const attris = m.attributes
+    attris.forEach((name, index) => {
+      const a = attris[name]
+      data[index] = { ID: a.name, NAME: a.label }
+    })
+    return data
+  }
+
+  /**
+ * 根据字段ID获取字段Name
+ * @param {} attriId
+ * @return {}
+ */
+  getAttriNameById (attriId) {
+    const me = this
+    if (me.attriIds) {
+      return me.attriIds[attriId]
+    }
+    return null
+  }
+
+  /**
+ * 根据字段key获取label
+ */
+  getLabelByField (field) {
+    const m = this
+    const attribute = m.getAttributes()[field]
+    if (attribute) {
+      return attribute.label
+    }
+    if (!field) field = { attriName: '' }
+    return field.attriName || field
+  }
+
+  getDataType (field) {
+    const m = this
+    const attribute = m.getAttributes()[field]
+    if (attribute) {
+      return attribute.dataType
+    }
+    return ''
+  }
+
+  getRelationByMetaId (relatedMetaId) {
+    var me = this
+    var relation = null
+    if (me.relatedEntitys) {
+      me.relatedEntitys.map(entity => {
+        if (entity && entity.entityA === relatedMetaId) {
+          relation = entity
+        }
+      })
+    }
+    return relation
+  }
+
+  getRelationIdByMetaId (linkLabel) {
+    var rel
+    var meta = this
+    if (meta.relatedEntitys) {
+      meta.relatedEntitys.forEach(relation => {
+        if (relation.flag && linkLabel) {
+          if (relation.flag.toUpperCase() === linkLabel.toUpperCase()) rel = relation
+        }
+      })
+      return rel && rel.entityA
+    }
+  }
+
+  getRelations () {
+    return this.relatedEntitys
+  }
+
+  /**
+ * 获取级联编辑 的关联对象
+ */
+  getRelatedEntitysOfEdit () {
+    var me = this
+    var entitys = []
+    if (me.relatedEntitys) {
+      me.relatedEntitys.forEach(entity => {
+        if (entity && entity.viewCascade === '1' && entity.relationSort === '1') {
+          entitys.push(entity)
+        }
+      })
+    }
+    return entitys
+  }
+
+  /**
+ * 获取级联查看的关联对象
+ */
+  getRelatedEntitysOfDetail () {
+    var me = this
+    var entitys = []
+    if (me.relatedEntitys) {
+      me.relatedEntitys.forEach(entity => {
+        if (entity && entity.viewCascade === '1' && entity.relationSort === '1') {
+          entitys.push(entity)
+        }
+      })
+    }
+    return entitys
+  }
+
+  /**
+ * 根据标识符获取对象关系定义
+ * @param {} flag
+ * @return {}
+ */
+  getRelationByFlag (flag) {
+    var me = this
+    var relation = null
+    var flags = flag.split('#')
+    var meta = me
+    if (flags.length === 1) {
+      if (meta.relatedEntitys) {
+        meta.relatedEntitys.map(entity => {
+          if (flag.toLowerCase() === entity.flag.toLowerCase()) {
+            relation = entity
+          }
+        })
+      }
+    }
+    return relation
+  }
+
+  /**
+ * 获取关联表所有关联字段
+ */
+  getLinkAttrs () {
+    const relatedEntitys = this.getRelatedEntitys()
+    const linkAttrs = relatedEntitys.reduce((attrs, relatedEntity) => {
+      if (!attrs) attrs = {}
+      const { linkAttri, entityA } = relatedEntity
+      const key = entityA
+      const value = linkAttri || ''
+      attrs[key] = value
+      return attrs
+    }, {})
+    return linkAttrs
+  }
+
+  getLinkAttr (key) {
+    const linkAttrs = this.getLinkAttrs() || {}
+    return linkAttrs[key]
+  }
+}
+
+export default Meta