zhuchaowe/maxkb
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 工作流编排应用记住节点的收起/展开状态 #1543

Browse Source
This commit is contained in:
shaohuzhang1 2024-11-06 15:30:09 +08:00 committed by shaohuzhang1
parent 22d9fdc42f
commit b2ac658c4f
3 changed files with 21 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
ui/src/workflow/common/NodeContainer.vue
View File

@ -26,19 +26,13 @@
<h4 v-else>{{ nodeModel.properties.stepName }}</h4> <h4 v-else>{{ nodeModel.properties.stepName }}</h4>
</div> </div>
<div <div @mousemove.stop @mousedown.stop @keydown.stop @click.stop>
@mousemove.stop
@mousedown.stop
@keydown.stop
@click.stop
v-if="showOperate(nodeModel.type)"
>
<el-button text @click="showNode = !showNode" class="mr-4"> <el-button text @click="showNode = !showNode" class="mr-4">
<el-icon class="arrow-icon" :class="showNode ? 'rotate-180' : ''" <el-icon class="arrow-icon" :class="showNode ? 'rotate-180' : ''"
><ArrowDownBold /> ><ArrowDownBold />
</el-icon> </el-icon>
</el-button> </el-button>
<el-dropdown :teleported="false" trigger="click"> <el-dropdown v-if="showOperate(nodeModel.type)" :teleported="false" trigger="click">
<el-button text> <el-button text>
<el-icon class="color-secondary"><MoreFilled /></el-icon> <el-icon class="color-secondary"><MoreFilled /></el-icon>
</el-button> </el-button>
@ -130,7 +124,19 @@ const height = ref<{
}) })
const showAnchor = ref<boolean>(false) const showAnchor = ref<boolean>(false)
const anchorData = ref<any>() const anchorData = ref<any>()
const showNode = ref<boolean>(true) // const showNode = ref<boolean>(true)
const showNode = computed({
set: (v) => {
set(props.nodeModel.properties, 'showNode', v)
},
get: () => {
if (props.nodeModel.properties.showNode !== undefined) {
return props.nodeModel.properties.showNode
}
set(props.nodeModel.properties, 'showNode', true)
return true
}
})
const node_status = computed(() => { const node_status = computed(() => {
if (props.nodeModel.properties.status) { if (props.nodeModel.properties.status) {
return props.nodeModel.properties.status return props.nodeModel.properties.status

5
ui/src/workflow/common/app-node.ts
View File

@ -234,13 +234,14 @@ class AppNodeModel extends HtmlResize.model {
} }
getDefaultAnchor() { getDefaultAnchor() {
const { id, x, y, width } = this const { id, x, y, width } = this
const showNode = this.properties.showNode === undefined ? true : this.properties.showNode
const anchors: any = [] const anchors: any = []
if (this.type !== WorkflowType.Base) { if (this.type !== WorkflowType.Base) {
if (this.type !== WorkflowType.Start) { if (this.type !== WorkflowType.Start) {
anchors.push({ anchors.push({
x: x - width / 2 + 10, x: x - width / 2 + 10,
y: y, y: showNode ? y : y - 15,
id: `${id}_left`, id: `${id}_left`,
edgeAddable: false, edgeAddable: false,
type: 'left' type: 'left'
@ -248,7 +249,7 @@ class AppNodeModel extends HtmlResize.model {
} }
anchors.push({ anchors.push({
x: x + width / 2 - 10, x: x + width / 2 - 10,
y: y, y: showNode ? y : y - 15,
id: `${id}_right`, id: `${id}_right`,
type: 'right' type: 'right'
}) })

5
ui/src/workflow/nodes/condition-node/index.ts
View File

@ -35,10 +35,11 @@ class ConditionModel extends AppNodeModel {
if (this.height === undefined) { if (this.height === undefined) {
this.height = 200 this.height = 200
} }
const showNode = this.properties.showNode === undefined ? true : this.properties.showNode
const anchors: any = [] const anchors: any = []
anchors.push({ anchors.push({
x: x - width / 2 + 10, x: x - width / 2 + 10,
y: y, y: showNode ? y : y - 15,
id: `${id}_left`, id: `${id}_left`,
edgeAddable: false, edgeAddable: false,
type: 'left' type: 'left'
@ -50,7 +51,7 @@ class ConditionModel extends AppNodeModel {
const h = get_up_index_height(branch_condition_list, index) const h = get_up_index_height(branch_condition_list, index)
anchors.push({ anchors.push({
x: x + width / 2 - 10, x: x + width / 2 - 10,
y: y - height / 2 + 75 + h + element.height / 2, y: showNode ? y - height / 2 + 75 + h + element.height / 2 : y - 15,
id: `${id}_${element.id}_right`, id: `${id}_${element.id}_right`,
type: 'right' type: 'right'
}) })