@epxing/business 0.0.0-stage → 5.3.0-beta.2

package/src/components/custom-bpmn/index.js

@@ -0,0 +1 @@
+export { default } from '@epxing/components/src/progress-chart/vendor/custom-bpmn/index'

package/src/components/custom-bpmn/palette.js

@@ -0,0 +1,18 @@
+import CustomPalette from './CustomPalette.js'
+import CustomRenderer from './CustomRendererBpmn'
+import CustomContextPad from './CustomContextPad.js'
+
+export default {
+  __init__: ['CustomPalette', 'CustomRenderer', 'CustomContextPad'],
+  CustomPalette: ['type', CustomPalette],
+  CustomRenderer: ['type', CustomRenderer],
+  CustomContextPad: ['type', CustomContextPad]
+}
+// import CustomPalette from './CustomPalette.js'
+// import CustomContextPad from './CustomContextPad.js'
+
+// export default {
+//   __init__: ['CustomPalette', 'CustomContextPad'],
+//   CustomPalette: ['type', CustomPalette],
+//   CustomContextPad: ['type', CustomContextPad]
+// }

package/src/components/custom-bpmn/util.js

@@ -0,0 +1,5 @@
+const customElements = ['bpmn:Task', 'bpmn:UserTask', 'bpmn:SendTask', 'bpmn:ReceiveTask', 'bpmn:ManualTask', 'bpmn:BusinessRuleTask', 'bpmn:ServiceTask', 'bpmn:ScriptTask', 'bpmn:CallActivity', 'bpmn:SubProcess'] // 自定义元素的类型
+
+const hasLabelElements = ['bpmn:StartEvent', 'bpmn:EndEvent'] // 一开始就有label标签的元素类型
+
+export { customElements, hasLabelElements }

package/src/components/dashboard-create.js

@@ -0,0 +1,17 @@
+import { createDashboardConfig } from '@epxing/dashboard/src/design-target'
+
+// 创建菜单返回的是菜单 ID；保留它以便配置写入失败后重试，不重复创建。
+export async function createDashboardMenu (http, state, values, target) {
+  if (!state.moduleId) state.moduleId = await http.save({ entityId: 'FM_MODULE', ...values })
+  const moduleResult = await http.get({ entityId: 'FM_MODULE', id: state.moduleId })
+  const pageId = moduleResult.data?.MAIN_PAGE
+  if (!pageId) throw new Error('菜单已创建，但未返回关联看板页面，请重试或检查菜单配置')
+  state.pageId = pageId
+  const result = await http.get({ entityId: 'FM_PAGE_CONFIG', id: pageId })
+  const raw = result.data?.CONTENT
+  const config = typeof raw === 'string' && raw ? JSON.parse(raw) : raw || {}
+  const next = createDashboardConfig(config, target || config.designTarget)
+  if (!target && !(next.items || []).length) delete next.designTarget
+  await http.update({ entityId: 'FM_PAGE_CONFIG', 'bean.ID': pageId, 'bean.CONTENT': JSON.stringify(next) })
+  return pageId
+}

package/src/components/entity-relation-diagram/Er.vue

@@ -0,0 +1,360 @@
+<template>
+  <div class="er">
+    <div class="er-header">
+      <el-radio-group v-model="mode" size="default" @change="createEr">
+        <el-radio-button label="simple" value="simple" >极简模式</el-radio-button>
+        <el-radio-button label="normal" value="normal">普通模式</el-radio-button>
+        <el-radio-button label="detail" value="detail">详细模式</el-radio-button>
+      </el-radio-group>
+      <div class="er-right">
+        <div class="er-legend">
+          <div class="legend-item">
+            <span class="legend-icon">
+              <i class="el-icon-caret-left"></i>
+            </span>
+            <span>一对一</span>
+          </div>
+            <div class="legend-item">
+            <span class="legend-icon legend-icon--sub">
+              <i class="el-icon-caret-left"></i>
+            </span>
+            <span>一对多</span>
+          </div>
+        </div>
+         <div class="er-tool">
+          <el-button size="default" type="primary" @click="exportEr">导出</el-button>
+        </div>
+      </div>
+    </div>
+    <div ref="er" class="er-container"></div>
+  </div>
+</template>
+<script>
+import component from '@epxing/core/src/mixins/component'
+import { Graph, Shape } from '@antv/x6'
+import { Export } from '@antv/x6-plugin-export'
+import { renderErFieldNode } from './renderErNode'
+
+Graph.registerNode(
+  'er-rect',
+  {
+    inherit: 'rect',
+    width: 360,
+    height: 48,
+    markup: [
+      {
+        tagName: 'rect',
+        selector: 'body'
+      },
+      {
+        tagName: 'text',
+        selector: 'label'
+      },
+      {
+        tagName: 'title',
+        selector: 'title'
+      }
+    ],
+    attrs: {
+      body: {
+        width: 360,
+        height: 48,
+        strokeWidth: 0,
+        fill: {
+          type: 'linearGradient',
+          stops: [
+            { offset: '0%', color: '#76A8FF' },
+            { offset: '100%', color: '#1461E4' }
+          ],
+          attrs: {
+            x1: '0%',
+            y1: '0%',
+            x2: '0%',
+            y2: '100%'
+          }
+        }
+      },
+      label: {
+        fontSize: 16,
+        lineHeight: 48,
+        fill: '#fff',
+        ref: 'body',
+        textAnchor: 'middle',
+        textVerticalAnchor: 'middle',
+        textWrap: {
+          height: 48,
+          ellipsis: true
+        }
+      }
+    },
+    propHooks (metadata, a) {
+      if (metadata.attrs.text) {
+        metadata.attrs.text.title = metadata.attrs.text.text
+      }
+      return metadata
+    }
+  },
+  true
+)
+Shape.HTML.register({
+  shape: 'er-field',
+  width: 360,
+  height: 40,
+  html: renderErFieldNode,
+  attrs: {
+    body: {
+      fill: '#E8F2FF',
+      stroke: '#91B9FF',
+      strokeWidth: 1
+    }
+  }
+})
+export default {
+  name: 'epx-entity-relation-diagram',
+  mixins: [component],
+  data () {
+    return {
+      metaRelation: {},
+      mode: 'normal'
+    }
+  },
+  methods: {
+    getMetaRelation () {
+      this.$http.get({
+        action: 'metaRelationER',
+        entityId: 'FM_ENTITY',
+        metaId: this.$query.id
+      })
+        .then(data => {
+          this.metaRelation = data
+          this.createEr(data)
+        })
+    },
+    createEr () {
+      const data = this.metaRelation
+      if (this.graph) this.graph.dispose()
+      const graph = new Graph({
+        container: this.$refs.er,
+        background: {
+          color: '#fff'
+        },
+        panning: true,
+        mousewheel: {
+          enabled: true
+        },
+        interacting: function (cellView) {
+          if (cellView.cell.parent) {
+            return { nodeMovable: false }
+          }
+          return true
+        }
+      })
+      graph.use(new Export())
+      this.graph = graph
+      this.createMainEntityNode(graph, data)
+      if (data.LINK_META) {
+        this.createLinkEntityNode(graph, data)
+      }
+      // 渲染元素
+      graph.centerContent() // 居中显示
+      graph.zoomToFit({ maxScale: 2 })
+    },
+    getShowFields (fields, data) {
+      let showFields = []
+      if (this.mode === 'normal') {
+        showFields = fields.filter(item => {
+          if (item.IS_KEY || item.IS_BUSI_KEY || item.IS_LABEL) return true
+          return data.LINK_META && data.LINK_META.find(meta => meta.MAIN_FIELD === item.CODE)
+        })
+      } else if (this.mode === 'detail') {
+        showFields = fields
+      }
+      return showFields
+    },
+    getLinkShowFields (fields, linkMeta) {
+      let showFields = []
+      if (this.mode === 'normal') {
+        showFields = fields.filter(item => {
+          if (item.IS_KEY || item.IS_BUSI_KEY || item.IS_LABEL || linkMeta.LINK_FIELD === item.CODE) return true
+        })
+      } else if (this.mode === 'detail') {
+        showFields = fields
+      }
+      return showFields
+    },
+    createMainEntityNode (graph, data) {
+      const showFields = this.getShowFields(data.FIELDS, data)
+      this.mainEntityHeight = showFields.length * 40 + 48
+      const entityNode = graph.addNode({
+        id: data.META_CODE,
+        shape: 'er-rect',
+        x: 0,
+        y: 0,
+        width: 360,
+        height: 48,
+        label: `${data.META_NAME} | ${data.META_CODE}`,
+        zIndex: 0
+      })
+      showFields.forEach((field, index) => {
+        const fieldNode = graph.addNode({
+          id: data.META_CODE + '-' + field.CODE,
+          shape: 'er-field',
+          x: 0,
+          y: 48 + index * 40,
+          label: field.CODE,
+          data: {
+            field
+          },
+          zIndex: 0
+        })
+        entityNode.addChild(fieldNode)
+      })
+    },
+    createLinkEntityNode (graph, data) {
+      let leftHeight = 0
+      // let rightHeight = 0
+      const linkMetas = data.LINK_META.map((linkMeta, index) => {
+        const showFields = this.getLinkShowFields(linkMeta.FIELDS, linkMeta)
+        const height = showFields.length * 40 + 48
+        if (index % 2 === 0) {
+          leftHeight += height + 80
+        } else {
+          // rightHeight += height + 40
+        }
+        return {
+          showFields,
+          ...linkMeta,
+          height: height
+        }
+      })
+      const startY = -Math.ceil((leftHeight - this.mainEntityHeight) / 2)
+      let startLeftY = startY
+      let startRightY = startY
+      linkMetas.forEach((linkMeta, index) => {
+        const y = index % 2 === 0 ? startLeftY : startRightY
+        const entityNode = graph.addNode({
+          id: linkMeta.LINK_FLAG,
+          shape: 'er-rect',
+          x: index % 2 === 0 ? -(360 + 200) : 360 + 200,
+          y: y,
+          width: 360,
+          height: 48,
+          label: `${linkMeta.META_NAME} | ${linkMeta.LINK_FLAG}`,
+          zIndex: 0
+        })
+        graph.addEdge({
+          source: this.mode === 'simple' ? data.META_CODE : data.META_CODE + '-' + linkMeta.MAIN_FIELD,
+          target: this.mode === 'simple' ? linkMeta.LINK_FLAG : linkMeta.LINK_FLAG + '-' + linkMeta.LINK_FIELD,
+          attrs: {
+            line: {
+              stroke: '#5795FF',
+              strokeWidth: 2,
+              strokeDasharray: linkMeta.LINK_SORT === '1' ? '5, 5' : '0' // 添加此行，设置虚线样式
+            }
+          },
+          router: {
+            name: 'manhattan', // 使用 manhattan 路由器，确保路径水平或垂直
+            args: {
+              padding: 50 // 设置路径与节点之间的间距
+            }
+          },
+          connector: {
+            name: 'rounded' // 修改为 'normal' 连接器，确保箭头直接连接到目标元素
+          },
+          zIndex: 1
+        })
+        linkMeta.showFields.forEach((field, fieldIndex) => {
+          const fieldNode = graph.addNode({
+            id: linkMeta.LINK_FLAG + '-' + field.CODE,
+            shape: 'er-field',
+            x: index % 2 === 0 ? -(360 + 200) : 360 + 200,
+            y: y + 48 + fieldIndex * 40,
+            label: field.CODE,
+            data: {
+              field
+            },
+            zIndex: 0
+          })
+          entityNode.addChild(fieldNode)
+        })
+        if (index % 2 === 0) {
+          startLeftY += linkMeta.height + 80
+        } else {
+          startRightY += linkMeta.height + 80
+        }
+      })
+    },
+    exportEr () {
+      this.graph.exportPNG(this.metaRelation.META_NAME, {
+        padding: 20
+      })
+    }
+  },
+  mounted () {
+    this.getMetaRelation()
+  }
+}
+</script>
+<style lang="scss" scoped>
+.er {
+  height: 100%;
+  min-height: 300px;
+  display: flex;
+  flex-direction: column;
+}
+.er-container {
+ flex: 1;
+}
+.er-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 10px;
+}
+.er-right {
+  display: flex;
+  align-items: center;
+}
+.er-legend {
+  display: flex;
+  height: 40px;
+  padding-left: 20px;
+  background: var(--epx-bg-card);
+  border-radius: var(--epx-radius-base);
+  margin-right: 10px;
+}
+.legend-item {
+  display: flex;
+  align-items: center;
+  margin-right: 20px;
+}
+.legend-icon {
+  position: relative;
+  top: 2px;
+  height: 20px;
+  width: 40px;
+  margin-right: 8px;
+  i {
+    position: absolute;
+    left: 0;
+    color: #5795FF;
+    font-size: var(--epx-font-size-xl);
+  }
+  &::after {
+    content: '';
+    position: absolute;
+    width: 30px;
+    height: 0;
+    border: 1px solid #5795FF;
+    left: 10px;
+    top: 50%;
+    margin-top: -1px;
+  }
+}
+.legend-icon--sub {
+  &::after {
+    border-style: dashed;
+  }
+}
+
+</style>

package/src/components/entity-relation-diagram/renderErNode.js

@@ -0,0 +1,32 @@
+export const renderErHeader = (cell) => {
+  const div = document.createElement('div')
+  div.className = 'custom-html'
+  div.style = 'text-align: center;line-height: 48px; color: #fff;width: 100%;height: 100%;background:linear-gradient(180deg,#76A8FF,#1461E4)'
+  const nameNode = document.createElement('span')
+  nameNode.innerHTML = '当前主要岗位'
+  const codeNode = document.createElement('span')
+  codeNode.innerHTML = '｜currentmainlevel'
+  div.appendChild(nameNode)
+  div.appendChild(codeNode)
+  return div
+}
+
+export const renderErFieldNode = (cell) => {
+  const data = cell.getData()
+  const field = data.field || {}
+  const div = document.createElement('div')
+  div.style = 'padding: 0 16px;height: 100%;display: flex;align-items: center;box-sizing:border-box'
+  const fieldNode = document.createElement('span')
+  fieldNode.style = 'flex: 1;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color: #444;'
+  fieldNode.innerHTML = `${field.NAME} | ${field.CODE}`
+  div.appendChild(fieldNode)
+  if (field.IS_KEY || field.IS_LABEL || field.IS_BUSI_KEY) {
+    const tagNode = document.createElement('span')
+    tagNode.innerHTML = field.IS_KEY ? '物理主键' : field.IS_BUSI_KEY ? '业务主键' : '外部标签'
+    const backgroundColor = field.IS_KEY ? '#D2E8FF' : field.IS_BUSI_KEY ? '#DFFBEC' : '#FFF4E7'
+    const color = field.IS_KEY ? '#0874E7' : field.IS_BUSI_KEY ? '#0CB457' : '#FF8D00'
+    tagNode.style = `background:${backgroundColor};border-radius: 4px;border: 1px solid  ${color};color: ${color};padding: 2px 8px;`
+    div.appendChild(tagNode)
+  }
+  return div
+}

package/src/components/expand/AddForm.vue

@@ -0,0 +1,91 @@
+<script>
+import AddForm from '@epxing/components/src/add-form'
+export default {
+  name: 'epx-expand-add-form',
+  extends: AddForm,
+  methods: {
+    async submitForm (buttonConfig = {}, cb, errorFn) {
+      const { submitParams: querySumitParams = {}, callback, submitBackPage = true } = this.$query
+      const { submitParams: pageSubmitParams = {}, saveSuccessText, updateSuccessText, saveAction, updateAction, mask } = this.$configs
+      const { action = saveAction, params: buttonParams = {} } = buttonConfig
+      const params = {
+        action,
+        entityId: this.$metaId
+      }
+      let userMeta = this.metas.FM_USER
+      if (!userMeta) {
+        await this.$store.dispatch({
+          type: 'ADD_META',
+          metaId: 'FM_USER'
+        }).then(meta => {
+          userMeta = meta
+        })
+      }
+      const userMetaId = userMeta.id
+      params['bean.ENTITY_ID'] = userMetaId
+      if (this.data[this.$metaKey]) {
+        params[`bean.${this.$metaKey}`] = this.data[this.$metaKey]
+      }
+      // 获取form表单 提交
+      const formParams = this.getFormData()
+      let submitParams = this.$_.assignWith(this.$formatParams(pageSubmitParams), formParams, (pageSubmitValue, formValue) => {
+        return formValue || pageSubmitValue
+      })
+      submitParams = this.$_.assignWith(submitParams, this.submitParams, (submitValue, _submitValue) => {
+        return submitValue || _submitValue
+      })
+      if (!formParams) return
+      if (this.pageType === 'EDIT') params.action = updateAction
+      if (this.isRequesting) return
+      this.isRequesting = true
+      let loading = null
+      if (mask) {
+        loading = this.$loading({
+          target: this.$el,
+          background: 'rgba(255, 255, 255, 0.5)',
+          text: '正在操作,请稍后...'
+        })
+      }
+      this.$http.save({
+        ...params,
+        ...querySumitParams,
+        ...submitParams,
+        ...this.$formatParams(buttonParams)
+      })
+        .then(data => {
+          const entity = { ...this.data, ...this.submitData }
+          if (this.pageType === 'ADD') entity[this.$metaKey] = data
+          entity.id = entity[this.$metaKey]
+          entity.name = this.$meta ? entity[this.$meta.label] : ''
+          this.isRequesting = false
+          if (loading) loading.close()
+          this.$message.success(this.pageType === 'EDIT' ? updateSuccessText : saveSuccessText)
+          if (cb && typeof cb === 'function') {
+            cb(entity)
+          } else {
+            if (submitBackPage) {
+              this.backPage({
+                // reload: true,
+                callback () {
+                  callback && callback(entity)
+                }
+              })
+            } else {
+              callback && callback(entity)
+            }
+          }
+        })
+        .catch(err => {
+          this.isRequesting = false
+          if (loading) loading.close()
+          this.$message.error(err.message || '处理失败')
+          if (errorFn) errorFn(err)
+        })
+    }
+  }
+}
+</script>
+
+<style>
+
+</style>