workflow-editor 0.9.66-dw → 0.9.66-pv3

package/packages/workflow-editor/src/properties-editors/subprocess/field-mappings.vue

@@ -0,0 +1,206 @@
+<template>
+  <div>
+    <el-row>
+      <el-button type="primary" size="mini" plain icon="el-icon-circle-plus-outline" @click="add">
+        {{ $t('workflowEditorPublicModel.add') }}
+      </el-button>
+      <el-button type="primary" size="mini" plain icon="el-icon-delete" @click="remove">
+        {{ $t('workflowEditorPublicModel.delete') }}
+      </el-button>
+    </el-row>
+    <el-table
+      ref="table"
+      :data="tableData"
+      border
+      highlight-current-row
+      style="width: 100%"
+      @current-change="handleCurrentChange"
+    >
+      <el-table-column
+        type="index"
+        width="50"
+      />
+      <el-table-column
+        prop="source"
+        :label="srcLabel"
+      >
+        <template slot-scope="scope">
+          <el-input :value="showSourceFieldLabel(scope.row.source)" :placeholder="$t('workflowEditorMessage.pleaseSelect')" @focus="showSourceFields = true" />
+        </template>
+      </el-table-column>
+      <el-table-column
+        prop="target"
+        :label="targetLabel"
+      >
+        <template slot-scope="scope">
+          <el-input :value="showTargetFieldLabel(scope.row.target)" :placeholder="$t('workflowEditorMessage.pleaseSelect')" @focus="showTargetFields=true" />
+        </template>
+      </el-table-column>
+    </el-table>
+    <form-fields v-if="showSourceFields||showTargetFields" :fields="formFields" @close="selectField" />
+  </div>
+</template>
+<script>
+import FormFields from '../common/form-fields'
+import { getFormFieldLabel } from '../common/form-fields-utils.js'
+export default {
+  name: 'FieldMappings',
+  components: {
+    FormFields
+  },
+  props: {
+    value: {
+      type: Object,
+      default: null
+    },
+    srcLabel: {
+      type: String,
+      default: null
+    },
+    targetLabel: {
+      type: String,
+      default: null
+    },
+    srcFields: {
+      type: Array,
+      default: null
+    },
+    targetFields: {
+      type: Array,
+      default: null
+    }
+  },
+  data() {
+    let tableData = []
+    if (this.value.field !== undefined) {
+      // xml中有多个field时是数组，只有一个field时是Object
+      if (Array.isArray(this.value.field)) {
+        tableData = this.value.field
+      } else {
+        tableData.push(this.value.field)
+      }
+    }
+    return {
+      tableData,
+      currentRow: null,
+      showSourceFields: false,
+      showTargetFields: false
+    }
+  },
+  computed: {
+    formFields() {
+      if (this.showSourceFields) {
+        return this.srcFields
+      } else if (this.showTargetFields) {
+        return this.targetFields
+      } else {
+        return []
+      }
+    }
+  },
+  watch: {
+
+  },
+  mounted() {
+    if (this.tableData.length > 0) {
+      this.setCurrentRow(this.tableData[0])
+    }
+    this.$watch('tableData', function() {
+      const filteredData = this.tableData.filter(field => {
+        return field.source !== '' && field.target !== ''
+      })
+      this.$emit('input', {
+        field: filteredData
+      })
+    }, {
+      // deep为true可以监控数组中的元素的某个属性的变化
+      deep: true
+    })
+  },
+  methods: {
+    getSubFormFieldLabel(name) {
+      const fields = this.srcFields || this.targetFields
+      const field = fields.filter(item => {
+        return item.name === name
+      })
+      if (field.length > 0) {
+        return field[0].label
+      } else {
+        return name
+      }
+    },
+    showSourceFieldLabel(value) {
+      if (this.srcFields) {
+        return this.getSubFormFieldLabel(value)
+      } else {
+        return getFormFieldLabel(value)
+      }
+    },
+    showTargetFieldLabel(value) {
+      if (this.targetFields) {
+        return this.getSubFormFieldLabel(value)
+      } else {
+        return getFormFieldLabel(value)
+      }
+    },
+    add() {
+      for (let i = 0; i < this.tableData.length; i++) {
+        if (this.tableData[i].source === '' || this.tableData[i].target === '') {
+          this.$alert(this.$t('workflowEditorMessage.dataInLineCannotBeEmpty', { row: (i + 1), data1: this.srcLabel, data2: this.targetLabel }))
+          return
+        }
+      }
+      const newRow = {
+        source: '',
+        target: ''
+      }
+      this.tableData.push(newRow)
+      this.setCurrentRow(newRow)
+    },
+    remove() {
+      if (this.currentRow === null) {
+        this.$alert(this.$t('workflowEditorMessage.pleaseSelectARow'))
+        return
+      }
+      let index
+      for (let i = 0; i < this.tableData.length; i++) {
+        if (this.tableData[i].source === this.currentRow.source) {
+          index = i
+          break
+        }
+      }
+      this.tableData.splice(index, 1)
+      // 当前选中的index如果是最后一行，那么删除后，index会等于length造成下标越界，因此需要让index等于新的最后一行
+      index = (index <= (this.tableData.length - 1) ? index : (this.tableData.length - 1))
+      this.setCurrentRow(this.tableData[index])
+    },
+    setCurrentRow(row) {
+      this.$refs.table.setCurrentRow(row)
+    },
+    handleCurrentChange(val) {
+      this.currentRow = val
+    },
+    checkSource(name) {
+      if (name === '') {
+        this.$alert(this.$t('workflowEditorMessage.dataCannotBeEmpty', { data: this.srcLabel }))
+      }
+    },
+    checkTarget(value) {
+      if (value === '') {
+        this.$alert(this.$t('workflowEditorMessage.dataCannotBeEmpty', { data: this.targetLabel }))
+      }
+    },
+    selectField(field) {
+      if (this.showSourceFields) {
+        this.$set(this.currentRow, 'source', field)
+        this.showSourceFields = false
+      }
+      if (this.showTargetFields) {
+        this.$set(this.currentRow, 'target', field)
+        this.showTargetFields = false
+      }
+      console.log('this.tableData===', this.tableData, 'this.srcFields===', this.srcFields, 'this.targetFields===', this.targetFields)
+    }
+  }
+}
+</script>

package/packages/workflow-editor/src/properties-editors/subprocess/transactor-settings.vue

@@ -0,0 +1,64 @@
+<template>
+  <div>
+    <el-row>
+      {{ $t('workflowEditor.process.setTheHandlerOfTheFirstPhaseOfTheSubProcess') }}<el-switch v-model="model.showTransactorSettings" />
+    </el-row>
+
+    <transactor-settings v-if="model.showTransactorSettings" :is-subprocess="true" :model="model.transactorSettings" />
+  </div>
+</template>
+
+<script>
+import TransactorSettings from '../common/transactor-settings'
+import { deepCopy } from '../../util.js'
+export default {
+  name: 'SubprocessTransactorSettings',
+  components: {
+    TransactorSettings
+  },
+  props: {
+    value: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    let showTransactorSettings = false
+    if (this.value.userCondition) {
+      showTransactorSettings = true
+    }
+    let transactorSettings = deepCopy(this.value)
+    if (!transactorSettings.userCondition) {
+      transactorSettings = {
+        userCondition: '${instanceCreator}',
+        additionalCondition: {
+          onlyInCreatorDepartment: false,
+          withCreatorDepartment: false,
+          selectOneFromMultiple: false
+        }
+      }
+    }
+    return {
+      model: {
+        showTransactorSettings,
+        transactorSettings
+      }
+    }
+  },
+  mounted() {
+    this.$watch('model', function(model) {
+      if (model.showTransactorSettings) {
+        this.$emit('input', model.transactorSettings)
+      } else {
+        this.$emit('input', {})
+      }
+    }, {
+      deep: true
+    })
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+
+</style>

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

@@ -0,0 +1,79 @@
+<template>
+  <el-dialog
+    visible
+    :title="$t('workflowEditor.process.propertiesOfSubprocesses')"
+    :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" @tab-click="handleClick">
+      <el-tab-pane :label="$t('workflowEditor.process.basicProperties')" name="basicProperties">
+        <basic-properties
+          :id.sync="model.ref.attr.id"
+          :name.sync="model.ref.attr.name"
+          :model="model.ref"
+        />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.process.settingOfHandler')" name="transactors">
+        <subprocess-transactor-settings v-model="model.ref.transactorSettings" />
+      </el-tab-pane>
+      <el-tab-pane :label="$t('workflowEditor.process.eventProcessing')" name="events">
+        <events :model="model.ref.events" />
+      </el-tab-pane>
+    </el-tabs>
+  </el-dialog>
+</template>
+<script>
+import BasicProperties from './subprocess/basic-properties'
+import Events from './subprocess/events'
+import SubprocessTransactorSettings from './subprocess/transactor-settings'
+export default {
+  name: 'SubprocessPropertiesEditor',
+  components: {
+    BasicProperties,
+    SubprocessTransactorSettings,
+    Events
+  },
+  props: {
+    model: {
+      type: Object,
+      default: null
+    }
+  },
+  data() {
+    return {
+      activeTab: 'basicProperties'
+    }
+  },
+  computed: {
+    formModel() {
+      return this.model.ref
+    }
+  },
+  mounted() {
+    this.$watch('model.ref.attr.id', function(newVal, oldVal) {
+      this.model.id = newVal
+    })
+    this.$watch('model.ref.attr.name', function(newVal, oldVal) {
+      this.model.name = newVal
+    })
+  },
+  methods: {
+    handleClick(tab, event) {
+      // console.log('this.model=', this.model)
+    }
+  }
+}
+</script>
+<style scoped>
+/* 使用深度作用选择器（vue-loader的功能）">>>"符号重新定义了.el-dialog__body，不影响其他页面的同名样式*/
+.properties-editor >>> .el-dialog__body{
+  padding-top: 0
+}
+</style>
+

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

@@ -0,0 +1,53 @@
+<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

@@ -0,0 +1,74 @@
+<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 >>> .el-dialog__body{
+  padding-top: 0
+}
+</style>

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

@@ -0,0 +1,177 @@
+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

@@ -0,0 +1,28 @@
+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,
+  systemVersion: state => state.systemVersion
+}
+export default getters