workflow-editor 0.0.7-up → 0.0.8-up

package/packages/workflow-editor/src/properties-editors/transition/basic-properties.vue

@@ -1,53 +0,0 @@
-<template>
-  <el-form>
-    <el-form-item :label="$t('workflowEditor.process.keepTheHandlerUnchangedWhenTheTargetLinkIsHandledRepeatedly')" label-width="240px">
-      <el-switch v-model="model.isOriginalUser" />
-    </el-form-item>
-    <el-form-item v-if="sourceTacheType==='Decision'">
-      <span>{{ $t('workflowEditor.process.branchingCondition') }}</span>
-      <additional-condition v-model="model.condition" :is-transition="true" />
-    </el-form-item>
-    <el-form-item :label="$t('workflowEditor.task.remarks') " label-width="40px">
-      <i18n-input v-model="model.remark" :i18n-key="model.i18nKey?model.i18nKey:'name.'+id" @setI18n="setI18nValue" />
-      <!-- <el-input v-model="model.remark" /> -->
-    </el-form-item>
-  </el-form>
-</template>
-
-<script>
-import AdditionalCondition from '../common/additional-condition'
-import i18nInput from '../common/i18n-input'
-export default {
-  name: 'BasicProperties',
-  components: {
-    AdditionalCondition,
-    i18nInput
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    },
-    sourceTacheType: {
-      type: String,
-      default: null
-    },
-    // 流向的id
-    id: {
-      type: String,
-      default: null
-    }
-  },
-  created() {
-  },
-  methods: {
-    setI18nValue(i18nKey) {
-      this.model.i18nKey = i18nKey
-    }
-  }
-}
-</script>
-
-<style lang="scss" scoped>
-
-</style>

package/packages/workflow-editor/src/properties-editors/transition.vue

@@ -1,74 +0,0 @@
-<template>
-  <el-dialog
-    visible
-    :title="$t('workflowEditor.transition.flowProperties')"
-    :center="true"
-    top="10vh"
-    append-to-body
-    custom-class="properties-editor"
-    @open="$emit('open')"
-    @opend="$emit('opend')"
-    @close="$emit('close')"
-    @closed="$emit('closed')"
-  >
-    <el-tabs v-model="activeTab" type="border-card">
-      <el-tab-pane :label="$t('workflowEditor.transition.basicProperties')" name="basicProperties">
-        <basic-properties :id="model.ref.attr.id" :model="model.ref.basicProperties" :source-tache-type="model.startJoint.parent.type" />
-      </el-tab-pane>
-      <el-tab-pane :label="$t('workflowEditor.transition.notificationSettings')" name="inform">
-        <notice v-model="model.ref.inform" :switch-label="$t('workflowEditor.transition.sendNotificationAfterFlow')" />
-      </el-tab-pane>
-      <el-tab-pane :label="$t('workflowEditor.transition.autoFillInFieldSettings')" name="autoFilledFields">
-        <auto-filled-fields v-model="model.ref.autoFilledFields" />
-      </el-tab-pane>
-
-      <el-tab-pane :label="$t('workflowEditor.transition.eventProcessing')" name="events">
-        <el-form>
-          <el-form-item :label="$t('workflowEditor.transition.triggerFlowThroughEvent')">
-            <el-switch v-model="model.ref.onTransit" />
-          </el-form-item>
-          <el-form-item :label="$t('workflowEditor.transition.beanName')">
-            <el-input v-model="model.ref.beanName" />
-          </el-form-item>
-        </el-form>
-      </el-tab-pane>
-    </el-tabs>
-  </el-dialog>
-</template>
-
-<script>
-import Notice from './common/notice'
-import AutoFilledFields from './common/auto-filled-fields'
-import BasicProperties from './transition/basic-properties'
-export default {
-  name: 'TransitionPropertiesEditor',
-  components: {
-    Notice,
-    AutoFilledFields,
-    BasicProperties
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      activeTab: 'basicProperties'
-    }
-  },
-  mounted() {
-    this.$watch('model.ref.basicProperties.remark', function(newVal) {
-      this.model.remark = newVal
-    })
-  }
-}
-</script>
-
-<style scoped>
-/* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
-.properties-editor :deep(.el-dialog__body){
-  padding-top: 0
-}
-</style>

package/packages/workflow-editor/src/properties-editors/user-condition.js

@@ -1,177 +0,0 @@
-import {getI18n} from '../../../workflow-editor/src/util'
-export const userStandardFieldsForReminder = {
-  '${instanceCreatorName}': getI18n().t('workflowEditor.process.processInitiator'),
-  '${instanceCreatorDirectSuperiorName}': getI18n().t('workflowEditor.process.sponsorsImmediateSuperior'),
-  '${currentTransactorName}': getI18n().t('workflowEditor.process.nameOfCurrentHandler'),
-  '${currentTransactorDirectSuperiorName}': getI18n().t('workflowEditor.process.nameOfTheImmediateSuperiorOfTheCurrentHandler')
-}
-export const departmentStandardFieldsForReminder = {
-  '${instanceCreatorDepartment}': getI18n().t('workflowEditor.process.processInitiatorDepartment'),
-  '${instanceCreatorSuperiorDepartment}': getI18n().t('workflowEditor.process.sponsorsSuperiorDepartment'),
-  '${instanceCreatorUpstageDepartment}': getI18n().t('workflowEditor.process.sponsorTopDepartment'),
-  '${instanceCreatorDirectSuperiorDepartment}': getI18n().t('workflowEditor.process.superiorDepartmentDirectlyUnderTheInitiator'),
-  '${currentTransactorDepartment}': getI18n().t('workflowEditor.process.currentHandlerDepartment'),
-  '${currentTransactorSuperiorDepartment}': getI18n().t('workflowEditor.process.currentHandlerSuperiorDepartment'),
-  '${currentTransactorUpstageDepartment}': getI18n().t('workflowEditor.process.topDepartmentOfCurrentHandler'),
-  '${currentTransactorDirectSuperiorDepartment}': getI18n().t('workflowEditor.process.currentHandlerDirectSuperiorDepartment')
-}
-export const workgroupStandardFieldsForReminder = {
-  '${instanceCreatorrWorkGroup}': getI18n().t('workflowEditor.process.processInitiatorWorkingGroup'),
-  '${instanceCreatorDirectSuperiorWorkGroup}': getI18n().t('workflowEditor.process.sponsorsImmediateSuperiorWorkingGroup'),
-  '${currentTransactorWorkGroup}': getI18n().t('workflowEditor.process.currentHandlerWorkingGroup'),
-  '${currentTransactorDirectSuperiorWorkGroup}': getI18n().t('workflowEditor.process.workingGroupDirectlyUnderTheCurrentHandler')
-}
-export const conditionTypes = {
-  '${user}': getI18n().t('workflowEditor.common.user'),
-  '${department}': getI18n().t('workflowEditor.common.department'),
-  '${role}': getI18n().t('workflowEditor.common.role'),
-  '${workgroup}': getI18n().t('workflowEditor.common.workgroup')
-}
-export const logicOperators = {
-  'condition.operator.or': getI18n().t('workflowEditor.process.perhaps'),
-  'condition.operator.and': getI18n().t('workflowEditor.process.also')
-}
-export const operators = {
-  'operator.text.eq': getI18n().t('workflowEditor.process.beEqualTo'),
-  'operator.text.neq': getI18n().t('workflowEditor.process.notEqualTo')
-}
-
-const allStandardFieldsForReminder = {
-  ...userStandardFieldsForReminder,
-  ...departmentStandardFieldsForReminder,
-  ...workgroupStandardFieldsForReminder
-}
-
-export const userStandardFieldsForTransactor = {
-  '${instanceCreatorName}': getI18n().t('workflowEditor.process.processInitiator'),
-  '${instanceCreatorDirectSuperiorName}': getI18n().t('workflowEditor.process.sponsorsImmediateSuperior')
-}
-export const departmentStandardFieldsForTransactor = {
-  '${upstageDepartment}': getI18n().t('workflowEditor.process.topDepartments'),
-  '${instanceCreatorDepartment}': getI18n().t('workflowEditor.process.processInitiatorDepartment'),
-  '${instanceCreatorSuperiorDepartment}': getI18n().t('workflowEditor.process.sponsorsSuperiorDepartment'),
-  '${instanceCreatorUpstageDepartment}': getI18n().t('workflowEditor.process.sponsorTopDepartment'),
-  '${instanceCreatorDirectSuperiorDepartment}': getI18n().t('workflowEditor.process.superiorDepartmentDirectlyUnderTheInitiator'),
-  '${previousTransactorDepartment}': getI18n().t('workflowEditor.process.lastLinkHandlerDepartment'),
-  '${previousTransactorSuperiorDepartment}': getI18n().t('workflowEditor.process.previousLinkHandlerSuperiorDepartment'),
-  '${previousTransactorUpstageDepartment}': getI18n().t('workflowEditor.process.topDepartmentOfHandlerInThePreviousLink'),
-  '${previousTransactorDirectSuperiorDepartment}': getI18n().t('workflowEditor.process.previousLinkHandlersDirectSuperiorDepartment')
-}
-export const workgroupStandardFieldsForTransactor = {
-  '${instanceCreatorrWorkGroup}': getI18n().t('workflowEditor.process.processInitiatorWorkingGroup'),
-  '${instanceCreatorDirectSuperiorWorkGroup}': getI18n().t('workflowEditor.process.sponsorsImmediateSuperiorWorkingGroup'),
-  '${previousTransactorWorkGroup}': getI18n().t('workflowEditor.process.previousLinkHandlerWorkingGroup'),
-  '${previousTransactorDirectSuperiorWorkGroup}': getI18n().t('workflowEditor.process.workingGroupDirectlyUnderTheManagerInThePreviousLink')
-}
-
-export const allStandardFieldsForTransactor = {
-  ...userStandardFieldsForTransactor,
-  ...departmentStandardFieldsForTransactor,
-  ...workgroupStandardFieldsForTransactor
-}
-
-export function formatStandardValue(value) {
-  if (allStandardFieldsForReminder[value] !== undefined) {
-    return allStandardFieldsForReminder[value]
-  } else {
-    return ''
-  }
-}
-/**
- *
- * @param {存放从value中解析出来的各个条件表达式} conditions
- * @param {xml中存放的userCondition字符串} value
- */
-export function parseCondition(conditions, value) {
-  // or,and做统一替换，方便后续按照^_^来分隔条件，避免按照or，and进行两次分隔
-  let tempValue = value.replace(/ condition.operator.or /g, ' condition.operator.or^_^')
-  tempValue = tempValue.replace(/ condition.operator.and /g, ' condition.operator.and^_^')
-  const values = tempValue.split('^_^')
-  let count = 0
-  for (const item of values) {
-    if (item === '') continue
-    // 一个条件是由6个部分组成的(按空格分隔）：leftBracket(可选), key，操作符，值，右括号(可选)，逻辑操作符(可选)
-    let leftBracket = ''
-    // let key = '${user}'
-    // let operator = 'operator.text.eq'
-    let key = ''
-    let operator = ''
-    let value = ''
-    let rightBracket = ''
-    let logicOperator = 'condition.operator.or'
-
-    const condition = item.split(' ')
-    let p = condition[0].indexOf('${')
-    if (p > 0) {
-      leftBracket = condition[0].substring(0, p)
-      key = condition[0].substring(p)
-    } else {
-      key = condition[0]
-    }
-    operator = condition[1]
-    p = condition[2].indexOf(')')
-    if (p > 0) {
-      value = condition[2].substring(0, p)
-      rightBracket = condition[2].substring(p)
-    } else {
-      value = condition[2]
-    }
-    if (condition.length === 4) {
-      logicOperator = condition[3]
-    }
-    conditions.push({
-      id: count,
-      leftBracket,
-      key,
-      operator,
-      value,
-      rightBracket,
-      logicOperator
-    })
-    count++
-  }
-  return count
-}
-
-/**
- *
- * @param {存放用户条件表达式} conditions
- */
-export function generateUserCondition(conditions) {
-  let result = ''
-  for (const user of conditions) {
-    // 没有设置值的条件表达式直接忽略
-    if (user.value === '') continue
-    result = result + user.leftBracket + user.key + ' ' +
-    user.operator + ' ' + user.value + user.rightBracket + ' ' +
-    user.logicOperator + ' '
-  }
-  const logicOr = ' condition.operator.or '
-  const logicAnd = ' condition.operator.and '
-  // 去掉结尾的and，or（没有意义）
-  if (result.lastIndexOf(logicOr) + logicOr.length === result.length) {
-    result = result.substring(0, result.lastIndexOf(logicOr))
-  } else if (result.lastIndexOf(logicAnd) + logicAnd.length === result.length) {
-    result = result.substring(0, result.lastIndexOf(logicAnd))
-  }
-  return result
-}
-
-export function displayUserCondition(conditions) {
-  let result = ''
-  for (const user of conditions) {
-    if (user.value === '') continue
-    result = result + user.leftBracket + conditionTypes[user.key] + ' ' +
-    operators[user.operator] + ' ' + formatStandardValue(user.value) + user.rightBracket + ' ' +
-    logicOperators[user.logicOperator] + ' '
-  }
-  const logicOr = ' ' + getI18n().t('workflowEditor.process.perhaps') + ' '
-  const logicAnd = ' ' + getI18n().t('workflowEditor.process.also') + ' '
-  // 去掉结尾的and，or（没有意义）
-  if (result.lastIndexOf(logicOr) + logicOr.length === result.length) {
-    result = result.substring(0, result.lastIndexOf(logicOr))
-  } else if (result.lastIndexOf(logicAnd) + logicAnd.length === result.length) {
-    result = result.substring(0, result.lastIndexOf(logicAnd))
-  }
-  return result
-}

package/packages/workflow-editor/src/store/getters.js

@@ -1,27 +0,0 @@
-const getters = {
-  taches: state => state.taches,
-  transitions: state => state.transitions,
-  startJoint: state => state.startJoint,
-  endJoint: state => state.endJoint,
-  isMovingTache: state => state.isMovingTache,
-  mouseDownPosition: state => state.mouseDownPosition,
-  isDrawingRegion: state => state.isDrawingRegion,
-  isMovingRegion: state => state.isMovingRegion,
-  selectedTaches: state => state.selectedTaches,
-  selectedTransition: state => state.selectedTransition,
-  resizerToMove: state => state.resizerToMove,
-  draggerToMove: state => state.draggerToMove,
-  propertiesEditorFor: state => state.propertiesEditorFor,
-  componentToDraw: state => state.componentToDraw,
-  controlPointToMove: state => state.controlPointToMove,
-  formFields: state => state.formFields,
-  formCode: state => state.formCode,
-  formFieldsWithSub: state => state.formFieldsWithSub,
-  contextMenuVisible: state => state.contextMenuVisible,
-  systemCode: state => state.systemCode,
-  processCode: state => state.processCode,
-  processI18n: state => state.processI18n,
-  subtableConditionMap: state => state.subtableConditionMap,
-  propSettingKeyList: state => state.propSettingKeyList
-}
-export default getters

package/packages/workflow-editor/src/store/workflow-editor.js

@@ -1,125 +0,0 @@
-import getters from './getters'
-const wfEditor = {
-  namespaced: true,
-  state: {
-    taches: [],
-    transitions: [],
-    startJoint: null,
-    endJoint: null,
-    isMovingTache: false,
-    mouseDownPosition: null,
-    isDrawingRegion: false,
-    isMovingRegion: false,
-    selectedTaches: [],
-    selectedTransition: null,
-    resizerToMove: null,
-    draggerToMove: null,
-    propertiesEditorFor: '',
-    componentToDraw: '',
-    controlPointToMove: null,
-    formFields: [],
-    formFieldsWithSub: [],
-    contextMenuVisible: false,
-    formCode: null,
-    systemCode: null,
-    processCode: null,
-    processI18n: null,
-    subtableConditionMap: null,
-    propSettingKeyList: null
-  },
-  getters,
-  mutations: {
-    setTaches(state, taches) {
-      state.taches = taches
-    },
-    setTransitions(state, transitions) {
-      state.transitions = transitions
-    },
-    clearCanvas(state) {
-      state.taches = []
-      state.transitions = []
-    },
-    resetState(state) {
-      state.isMovingTache = false
-      state.startJoint = null
-      state.endJoint = null
-      state.isDrawingRegion = false
-      state.isMovingRegion = false
-      state.resizerToMove = null
-      state.draggerToMove = null
-      state.controlPointToMove = null
-    },
-    stopDrawingLine(state) {
-      state.startJoint = null
-      state.endJoint = null
-    },
-    setStartJoint(state, startJoint) {
-      state.startJoint = startJoint
-    },
-    setEndJoint(state, endJoint) {
-      state.endJoint = endJoint
-    },
-    setMovingTache(state, isMovingTache) {
-      state.isMovingTache = isMovingTache
-    },
-    setMouseDownPosition(state, mouseDownPosition) {
-      state.mouseDownPosition = mouseDownPosition
-    },
-    setDrawingRegion(state, isDrawingRegion) {
-      state.isDrawingRegion = isDrawingRegion
-    },
-    setMovingRegion(state, isMovingRegion) {
-      state.isMovingRegion = isMovingRegion
-    },
-    setSelectedTaches(state, selectedTaches) {
-      state.selectedTaches = selectedTaches
-    },
-    setSelectedTransition(state, selectedTransition) {
-      state.selectedTransition = selectedTransition
-    },
-    setResizerToMove(state, resizer) {
-      state.resizerToMove = resizer
-    },
-    setDraggerToMove(state, transition) {
-      state.draggerToMove = transition
-    },
-    setPropertiesEditorFor(state, propertiesEditorFor) {
-      state.propertiesEditorFor = propertiesEditorFor
-    },
-    setComponentToDraw(state, componentToDraw) {
-      state.componentToDraw = componentToDraw
-    },
-    setControlPointToMove(state, controlPointToMove) {
-      state.controlPointToMove = controlPointToMove
-    },
-    setFormFields(state, formFields) {
-      state.formFields = formFields
-    },
-    setFormCode(state, formCode) {
-      state.formCode = formCode
-    },
-    setFormFieldsWithSub(state, formFieldsWithSub) {
-      state.formFieldsWithSub = formFieldsWithSub
-    },
-    setContextMenuVisible(state, contextMenuVisible) {
-      state.contextMenuVisible = contextMenuVisible
-    },
-    setSystemCode(state, systemCode) {
-      state.systemCode = systemCode
-    },
-    setProcessCode(state, processCode) {
-      state.processCode = processCode
-    },
-    setProcessI18n(state, processI18n) {
-      state.processI18n = processI18n
-    },
-    setSubtableConditionMap(state, subtableConditionMap) {
-      state.subtableConditionMap = subtableConditionMap
-    },
-    setPropSettingKeyList(state, propSettingKeyList) {
-      state.propSettingKeyList = propSettingKeyList
-    }
-  }
-}
-
-export default wfEditor

package/packages/workflow-editor/src/taches/auto-task.vue

@@ -1,99 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('AutoTask')"
-  >
-    <rect
-      ref="tache"
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'task-tache':true, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <text
-      :x="text.x"
-      :y="text.y"
-      text-anchor="middle"
-      class="draggable"
-    >
-      {{ name }}
-    </text>
-    <joint
-      v-for="position in jointPoints"
-      :key="position"
-      :parent="model"
-      :position="position"
-    />
-    <tache-resizer
-      v-for="position in resizers"
-      :key="position"
-      :owner="model"
-      :position="position"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import TacheResizer from './tache-resizer'
-import tacheMethods from './common-methods'
-import { watchShowName } from '../util'
-export default {
-  name: 'AutoTask',
-  components: {
-    Joint,
-    TacheResizer
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      resizers: ['NW', 'NE', 'SW', 'SE'],
-      name: this.model.name
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches',
-      'processI18n'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        y: this.model.y + this.model.height / 2
-      }
-    }
-  },
-  created() {
-    this.name = watchShowName(this, this.name)
-  },
-  mounted() {
-    this.$watch('model.name', function(newVal) {
-      this.name = watchShowName(this, newVal)
-    })
-  },
-  methods: {
-    ...mapMutations('wfEditor', [
-      'setPropertiesEditorFor',
-      'setContextMenuVisible'
-    ]),
-    ...tacheMethods
-  }
-}
-</script>
-<style>
-
-</style>
-

package/packages/workflow-editor/src/taches/common-methods.js

@@ -1,21 +0,0 @@
-import { startDragTache, endDragTache } from '../util'
-export default {
-  startDrag(event) {
-    console.log(this.model.name + ' mousedown')
-    this.setContextMenuVisible(false)
-    startDragTache(event, this)
-  },
-  endDrag() {
-    console.log(this.model.name + ' mouseup')
-    endDragTache()
-  },
-  showJoints() {
-    if (this.$parent.showHistory) return
-    this.jointPoints = [
-      'up', 'right', 'down', 'left'
-    ]
-  },
-  hideJoints() {
-    this.jointPoints = []
-  }
-}

package/packages/workflow-editor/src/taches/copy-task.vue

@@ -1,99 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('CopyTask')"
-  >
-    <rect
-      ref="tache"
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'task-tache':true, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <text
-      :x="text.x"
-      :y="text.y"
-      text-anchor="middle"
-      class="draggable"
-    >
-      {{ name }}
-    </text>
-    <joint
-      v-for="position in jointPoints"
-      :key="position"
-      :parent="model"
-      :position="position"
-    />
-    <tache-resizer
-      v-for="position in resizers"
-      :key="position"
-      :owner="model"
-      :position="position"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import TacheResizer from './tache-resizer'
-import tacheMethods from './common-methods'
-import { watchShowName } from '../util'
-export default {
-  name: 'CopyTask',
-  components: {
-    Joint,
-    TacheResizer
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      resizers: ['NW', 'NE', 'SW', 'SE'],
-      name: this.model.name
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches',
-      'processI18n'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        y: this.model.y + this.model.height / 2
-      }
-    }
-  },
-  created() {
-    this.name = watchShowName(this, this.name)
-  },
-  mounted() {
-    this.$watch('model.name', function(newVal) {
-      this.name = watchShowName(this, newVal)
-    })
-  },
-  methods: {
-    ...mapMutations('wfEditor', [
-      'setPropertiesEditorFor',
-      'setContextMenuVisible'
-    ]),
-    ...tacheMethods
-  }
-}
-</script>
-<style>
-
-</style>
-