workflow-editor 0.0.81-up-tmp12 → 0.0.81-up-tmp16

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>
-

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

@@ -1,88 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('HumanTask')"
-  >
-    <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"
-    >
-      {{ model.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'
-export default {
-  name: 'CustomTask',
-  components: {
-    Joint,
-    TacheResizer
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      resizers: ['NW', 'NE', 'SW', 'SE']
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        y: this.model.y + this.model.height / 2
-      }
-    }
-  },
-  methods: {
-    ...mapMutations('wfEditor', [
-      'setPropertiesEditorFor',
-      'setContextMenuVisible'
-    ]),
-    ...tacheMethods
-  }
-}
-</script>
-<style>
-
-</style>
-

package/packages/workflow-editor/src/taches/decision.vue

@@ -1,102 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('Decision')"
-  >
-    <rect
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'decision':!model.isSelected, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <use
-      xlink:href="#icon-decision"
-      :x="model.x"
-      :y="model.y"
-      :width="model.width"
-      :height="model.height"
-      fill="#999"
-      class="draggable"
-    />
-    <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"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import tacheMethods from './common-methods'
-import { watchShowName } from '../util'
-export default {
-  name: 'Decision',
-  components: {
-    Joint
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      name: this.model.name
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches',
-      'processI18n'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
-        y: this.model.y + this.model.height + 12
-      }
-    }
-  },
-  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>
-  .decision{
-    stroke-width: 0;
-    fill:#fff;
-  }
-</style>
-

package/packages/workflow-editor/src/taches/end.vue

@@ -1,76 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('')"
-  >
-    <rect
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'end':!model.isSelected, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <use
-      xlink:href="#icon-end"
-      :x="model.x"
-      :y="model.y"
-      :width="model.width"
-      :height="model.height"
-      fill="#F56C6C"
-      class="draggable"
-    />
-    <joint
-      v-for="position in jointPoints"
-      :key="position"
-      :parent="model"
-      :position="position"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import tacheMethods from './common-methods'
-export default {
-  name: 'End',
-  components: {
-    Joint
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: []
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches'
-    ])
-  },
-  methods: {
-    ...mapMutations('wfEditor', [
-      'setPropertiesEditorFor',
-      'setContextMenuVisible'
-    ]),
-    ...tacheMethods
-  }
-}
-</script>
-<style>
-  .end{
-    stroke-width: 0;
-    fill:#fff;
-  }
-</style>
-

package/packages/workflow-editor/src/taches/fork.vue

@@ -1,102 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('Fork')"
-  >
-    <rect
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'decision':!model.isSelected, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <use
-      xlink:href="#icon-fork"
-      :x="model.x"
-      :y="model.y"
-      :width="model.width"
-      :height="model.height"
-      fill="#999"
-      class="draggable"
-    />
-    <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"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import tacheMethods from './common-methods'
-import { watchShowName } from '../util'
-export default {
-  name: 'Fork',
-  components: {
-    Joint
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      name: this.model.name
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches',
-      'processI18n'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
-        y: this.model.y + this.model.height + 12
-      }
-    }
-  },
-  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>
-  .decision{
-    stroke-width: 0;
-    fill:#fff;
-  }
-</style>
-

package/packages/workflow-editor/src/taches/human-decision.vue

@@ -1,102 +0,0 @@
-<template>
-  <g
-    @mousedown.stop="startDrag"
-    @mouseup="endDrag"
-    @mouseenter="showJoints"
-    @mouseleave="hideJoints"
-    @dblclick.stop="setPropertiesEditorFor('HumanDecision')"
-  >
-    <rect
-      :width="model.width"
-      :height="model.height"
-      :class="{'draggable':true,'human-decision':!model.isSelected, 'selected':model.isSelected}"
-      :x="model.x"
-      :y="model.y"
-      rx="6"
-      ry="6"
-    />
-    <use
-      xlink:href="#icon-human-decision"
-      :x="model.x"
-      :y="model.y"
-      :width="model.width"
-      :height="model.height"
-      fill="#999"
-      class="draggable"
-    />
-    <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"
-    />
-  </g>
-</template>
-<script>
-import { mapGetters, mapMutations } from 'vuex'
-import Joint from './joint'
-import tacheMethods from './common-methods'
-import { watchShowName } from '../util'
-export default {
-  name: 'HumanDecision',
-  components: {
-    Joint
-  },
-  props: {
-    model: {
-      type: Object,
-      default: null
-    }
-  },
-  data() {
-    return {
-      // 一个tache有上右下左四个连接点，这四个连接点的坐标根据tache的位置和大小计算出来
-      jointPoints: [],
-      name: this.model.name
-    }
-  },
-  computed: {
-    ...mapGetters('wfEditor', [
-      'selectedTaches',
-      'processI18n'
-    ]),
-    text() {
-      return {
-        x: this.model.x + this.model.width / 2,
-        // TODO: 12应该是字体大小加上一点空隙，换成变量值表示
-        y: this.model.y + this.model.height + 12
-      }
-    }
-  },
-  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>
-  .human-decision{
-    stroke-width: 0;
-    fill:#fff;
-  }
-</style>
-