adtec-core-package 1.2.4 → 1.2.6

package/src/components/bpmntree/views/flowDesign/nodes/GatewayNode.vue

@@ -1,173 +1,173 @@
-<script setup lang="ts">
-import TreeNode from './TreeNode.vue'
-import type { BranchNode, FlowNode, NodeType } from './type'
-import Add from './Add.vue'
-import { inject, ref, type Ref } from 'vue'
-import FlowIcon from '../../../components/FlowIcon/index'
-
-const $emits = defineEmits<{
-  (e: 'addNode', type: NodeType, node: FlowNode): void
-}>()
-const props = defineProps<{
-  node: BranchNode
-}>()
-const { readOnly } = inject<{
-  readOnly?: Ref<boolean>
-}>('flowDesign', { readOnly: ref(false) })
-const addNode = (type: NodeType, node?: FlowNode) => {
-  $emits('addNode', type, node || props.node)
-}
-const moveRight = (index: number) => {
-  const node = props.node.children[index]
-  props.node.children.splice(index, 1)
-  props.node.children.splice(index + 1, 0, node)
-}
-const moveLeft = (index: number) => {
-  const node = props.node.children[index]
-  props.node.children.splice(index, 1)
-  props.node.children.splice(index - 1, 0, node)
-}
-</script>
-
-<template>
-  <div class="gateway-node">
-    <div class="add-branch">
-      <slot :addNode="addNode" :readOnly="readOnly"></slot>
-    </div>
-    <div v-for="(item, index) in node.children" :key="item.id" class="col-box">
-      <template v-if="index === 0">
-        <div class="top-left-border"></div>
-        <div class="bottom-left-border" />
-      </template>
-      <template v-else-if="node.children.length === index + 1">
-        <div class="top-right-border"></div>
-        <div class="bottom-right-border" />
-      </template>
-      <TreeNode :node="item" v-bind="$attrs" @addNode="addNode" class="col-node">
-        <template #append>
-          <div
-            class="move-left"
-            @click.stop="moveLeft(index)"
-            v-show="index !== 0 && node.children.length !== index + 1 && !readOnly"
-          >
-            <flow-icon name="el:ArrowLeft" />
-          </div>
-          <div
-            class="move-right"
-            @click.stop="moveRight(index)"
-            v-show="![index + 1, index + 2].includes(node.children.length) && !readOnly"
-          >
-            <flow-icon name="el:ArrowRight" />
-          </div>
-        </template>
-      </TreeNode>
-    </div>
-  </div>
-  <Add @addNode="addNode" class="branch-but" />
-</template>
-
-<style scoped lang="scss">
-.gateway-node {
-  display: flex;
-  border-top: var(--el-border);
-  border-bottom: var(--el-border);
-  overflow: visible;
-  position: relative;
-
-  .add-branch {
-    position: absolute;
-    left: 50%;
-    top: -15px;
-    z-index: 2;
-    transform: translateX(-50%);
-  }
-
-  .col-box {
-    position: relative;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-color: var(--flow-bg-color);
-
-    &:before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      margin: auto;
-      width: 1px;
-      height: 100%;
-      background-color: var(--el-border-color);
-    }
-
-    .top-left-border {
-      position: absolute;
-      left: 0;
-      top: -3px;
-      height: 3px;
-      width: 50%;
-      background-color: var(--flow-bg-color);
-    }
-
-    .bottom-left-border {
-      position: absolute;
-      left: 0;
-      bottom: -3px;
-      height: 3px;
-      width: 50%;
-      background-color: var(--flow-bg-color);
-    }
-
-    .top-right-border {
-      position: absolute;
-      right: 0;
-      top: -3px;
-      height: 3px;
-      width: 50%;
-      background-color: var(--flow-bg-color);
-    }
-
-    .bottom-right-border {
-      position: absolute;
-      right: 0;
-      bottom: -3px;
-      height: 3px;
-      width: 50%;
-      background-color: var(--flow-bg-color);
-    }
-  }
-}
-
-.col-node {
-  &:hover {
-    .move-right,
-    .move-left {
-      opacity: 1;
-    }
-  }
-}
-
-.move-right,
-.move-left {
-  position: absolute;
-  top: 0;
-  height: 100%;
-  display: flex;
-  align-items: center;
-  opacity: 0;
-
-  &:hover {
-    background-color: var(--el-color-primary-light-9);
-  }
-}
-
-.move-left {
-  left: 0;
-}
-
-.move-right {
-  right: 0;
-}
-</style>
+<script setup lang="ts">
+import TreeNode from './TreeNode.vue'
+import type { BranchNode, FlowNode, NodeType } from './type'
+import Add from './Add.vue'
+import { inject, ref, type Ref } from 'vue'
+import FlowIcon from '../../../components/FlowIcon/index'
+
+const $emits = defineEmits<{
+  (e: 'addNode', type: NodeType, node: FlowNode): void
+}>()
+const props = defineProps<{
+  node: BranchNode
+}>()
+const { readOnly } = inject<{
+  readOnly?: Ref<boolean>
+}>('flowDesign', { readOnly: ref(false) })
+const addNode = (type: NodeType, node?: FlowNode) => {
+  $emits('addNode', type, node || props.node)
+}
+const moveRight = (index: number) => {
+  const node = props.node.children[index]
+  props.node.children.splice(index, 1)
+  props.node.children.splice(index + 1, 0, node)
+}
+const moveLeft = (index: number) => {
+  const node = props.node.children[index]
+  props.node.children.splice(index, 1)
+  props.node.children.splice(index - 1, 0, node)
+}
+</script>
+
+<template>
+  <div class="gateway-node">
+    <div class="add-branch">
+      <slot :addNode="addNode" :readOnly="readOnly"></slot>
+    </div>
+    <div v-for="(item, index) in node.children" :key="item.id" class="col-box">
+      <template v-if="index === 0">
+        <div class="top-left-border"></div>
+        <div class="bottom-left-border" />
+      </template>
+      <template v-else-if="node.children.length === index + 1">
+        <div class="top-right-border"></div>
+        <div class="bottom-right-border" />
+      </template>
+      <TreeNode :node="item" v-bind="$attrs" @addNode="addNode" class="col-node">
+        <template #append>
+          <div
+            class="move-left"
+            @click.stop="moveLeft(index)"
+            v-show="index !== 0 && node.children.length !== index + 1 && !readOnly"
+          >
+            <flow-icon name="el:ArrowLeft" />
+          </div>
+          <div
+            class="move-right"
+            @click.stop="moveRight(index)"
+            v-show="![index + 1, index + 2].includes(node.children.length) && !readOnly"
+          >
+            <flow-icon name="el:ArrowRight" />
+          </div>
+        </template>
+      </TreeNode>
+    </div>
+  </div>
+  <Add @addNode="addNode" class="branch-but" />
+</template>
+
+<style scoped lang="scss">
+.gateway-node {
+  display: flex;
+  border-top: var(--el-border);
+  border-bottom: var(--el-border);
+  overflow: visible;
+  position: relative;
+
+  .add-branch {
+    position: absolute;
+    left: 50%;
+    top: -15px;
+    z-index: 2;
+    transform: translateX(-50%);
+  }
+
+  .col-box {
+    position: relative;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    background-color: var(--flow-bg-color);
+
+    &:before {
+      content: '';
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      margin: auto;
+      width: 1px;
+      height: 100%;
+      background-color: var(--el-border-color);
+    }
+
+    .top-left-border {
+      position: absolute;
+      left: 0;
+      top: -3px;
+      height: 3px;
+      width: 50%;
+      background-color: var(--flow-bg-color);
+    }
+
+    .bottom-left-border {
+      position: absolute;
+      left: 0;
+      bottom: -3px;
+      height: 3px;
+      width: 50%;
+      background-color: var(--flow-bg-color);
+    }
+
+    .top-right-border {
+      position: absolute;
+      right: 0;
+      top: -3px;
+      height: 3px;
+      width: 50%;
+      background-color: var(--flow-bg-color);
+    }
+
+    .bottom-right-border {
+      position: absolute;
+      right: 0;
+      bottom: -3px;
+      height: 3px;
+      width: 50%;
+      background-color: var(--flow-bg-color);
+    }
+  }
+}
+
+.col-node {
+  &:hover {
+    .move-right,
+    .move-left {
+      opacity: 1;
+    }
+  }
+}
+
+.move-right,
+.move-left {
+  position: absolute;
+  top: 0;
+  height: 100%;
+  display: flex;
+  align-items: center;
+  opacity: 0;
+
+  &:hover {
+    background-color: var(--el-color-primary-light-9);
+  }
+}
+
+.move-left {
+  left: 0;
+}
+
+.move-right {
+  right: 0;
+}
+</style>

package/src/components/bpmntree/views/flowDesign/nodes/InclusiveNode.vue

@@ -1,20 +1,20 @@
-<script setup lang="ts">
-import type { InclusiveNode } from './type'
-import GatewayNode from './GatewayNode.vue'
-
-defineProps<{
-  node: InclusiveNode
-}>()
-</script>
-
-<template>
-  <GatewayNode v-bind="$attrs" :node="node">
-    <template #default="{ addNode, readOnly }">
-      <el-button type="primary" :disabled="readOnly" @click="addNode('condition', node)" plain round
-        >添加包容条件</el-button
-      >
-    </template>
-  </GatewayNode>
-</template>
-
-<style scoped lang="scss"></style>
+<script setup lang="ts">
+import type { InclusiveNode } from './type'
+import GatewayNode from './GatewayNode.vue'
+
+defineProps<{
+  node: InclusiveNode
+}>()
+</script>
+
+<template>
+  <GatewayNode v-bind="$attrs" :node="node">
+    <template #default="{ addNode, readOnly }">
+      <el-button type="primary" :disabled="readOnly" @click="addNode('condition', node)" plain round
+        >添加包容条件</el-button
+      >
+    </template>
+  </GatewayNode>
+</template>
+
+<style scoped lang="scss"></style>

package/src/components/bpmntree/views/flowDesign/nodes/JumpNode.vue

@@ -1,49 +1,49 @@
-<!--创建人 xux-->
-<!--说明: JumpNode-->
-<!--创建时间: 2024/10/18 上午11:47-->
-<!--修改时间: 2024/10/18 上午11:47-->
-<script setup lang="ts">
-import type { ErrorInfo, FlowNode, JumpNode } from './type'
-import { inject, ref, type Ref, watchEffect } from 'vue'
-import Node from './Node.vue'
-
-const props = defineProps<{
-  node: JumpNode
-}>()
-const { nodesError, getTaskNodes } = inject<{
-  nodesError: Ref<Recordable<ErrorInfo[]>>
-  getTaskNodes: (arg: string) => FlowNode[]
-}>('flowDesign', {
-  nodesError: ref({}),
-  getTaskNodes: (arg: string) => [],
-})
-const content = ref<string>('')
-watchEffect(() => {
-  const errors: ErrorInfo[] = []
-  const { id, name, targetNode } = props.node
-  content.value = '未指定跳转节点'
-  if (!targetNode) {
-    errors.push({ id: id, name: name, message: '未配置跳转节点' })
-  } else {
-    let nodes = getTaskNodes('').filter((x) => x.id === props.node.targetNode)
-    if (nodes && nodes.length > 0) {
-      content.value = '跳转至：' + nodes[0].name
-    }
-  }
-  // 记录错误
-  if (errors.length > 0) {
-    nodesError.value[id] = errors
-  } else {
-    delete nodesError.value[id]
-  }
-})
-</script>
-
-<template>
-  <Node v-bind="$attrs" icon="forward" :node="node" color="#F5C827" :readOnly="false">
-    <el-text>{{ content }}</el-text>
-    <!--      <slot name="append" />-->
-  </Node>
-</template>
-
-<style scoped lang="scss"></style>
+<!--创建人 xux-->
+<!--说明: JumpNode-->
+<!--创建时间: 2024/10/18 上午11:47-->
+<!--修改时间: 2024/10/18 上午11:47-->
+<script setup lang="ts">
+import type { ErrorInfo, FlowNode, JumpNode } from './type'
+import { inject, ref, type Ref, watchEffect } from 'vue'
+import Node from './Node.vue'
+
+const props = defineProps<{
+  node: JumpNode
+}>()
+const { nodesError, getTaskNodes } = inject<{
+  nodesError: Ref<Recordable<ErrorInfo[]>>
+  getTaskNodes: (arg: string) => FlowNode[]
+}>('flowDesign', {
+  nodesError: ref({}),
+  getTaskNodes: (arg: string) => [],
+})
+const content = ref<string>('')
+watchEffect(() => {
+  const errors: ErrorInfo[] = []
+  const { id, name, targetNode } = props.node
+  content.value = '未指定跳转节点'
+  if (!targetNode) {
+    errors.push({ id: id, name: name, message: '未配置跳转节点' })
+  } else {
+    let nodes = getTaskNodes('').filter((x) => x.id === props.node.targetNode)
+    if (nodes && nodes.length > 0) {
+      content.value = '跳转至：' + nodes[0].name
+    }
+  }
+  // 记录错误
+  if (errors.length > 0) {
+    nodesError.value[id] = errors
+  } else {
+    delete nodesError.value[id]
+  }
+})
+</script>
+
+<template>
+  <Node v-bind="$attrs" icon="forward" :node="node" color="#F5C827" :readOnly="false">
+    <el-text>{{ content }}</el-text>
+    <!--      <slot name="append" />-->
+  </Node>
+</template>
+
+<style scoped lang="scss"></style>