2 lines
15 KiB
CSS
2 lines
15 KiB
CSS
.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;display:flex;justify-content:center;align-items:center;width:16px;height:16px;cursor:pointer;user-select:none;padding:5px}.vue-flow__controls-button svg{width:100%;max-width:12px;max-height:12px}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}.node-palette[data-v-ab330bfe]{height:100%;overflow:auto;padding:10px;box-sizing:border-box}.palette-search[data-v-ab330bfe]{margin-bottom:10px}.palette-group[data-v-ab330bfe]{margin-bottom:14px}.palette-group-title[data-v-ab330bfe]{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#606266;margin-bottom:8px}.palette-group-dot[data-v-ab330bfe]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.palette-item[data-v-ab330bfe]{display:flex;align-items:flex-start;gap:8px;padding:8px 10px;margin-bottom:6px;border:1px solid #ebeef5;border-radius:6px;background:#fafafa;cursor:grab;transition:border-color .15s,background .15s}.palette-item[data-v-ab330bfe]:hover{border-color:#c6e2ff;background:#ecf5ff}.palette-dot[data-v-ab330bfe]{width:10px;height:10px;border-radius:50%;margin-top:3px;flex-shrink:0}.palette-item-label[data-v-ab330bfe]{font-size:13px;font-weight:500;color:#303133}.palette-item-desc[data-v-ab330bfe]{font-size:11px;color:#909399;margin-top:2px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-inspector[data-v-4198dd80]{height:100%;overflow:auto;padding:12px;box-sizing:border-box}.inspector-head[data-v-4198dd80]{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.inspector-title[data-v-4198dd80]{font-size:15px;font-weight:600;color:#303133}.inspector-id[data-v-4198dd80]{font-size:11px;color:#909399;margin-top:4px}.inspector-form[data-v-4198dd80] .el-form-item__label{font-weight:500;color:#606266!important}.inspector-form[data-v-4198dd80] .el-input__inner,.inspector-form[data-v-4198dd80] .el-textarea__inner,.inspector-form[data-v-4198dd80] .el-input-number .el-input__inner{color:#303133!important}.inspector-form[data-v-4198dd80] .inspector-switch{--el-switch-on-color: #7c3aed;--el-switch-off-color: #dcdfe6}.inspector-form[data-v-4198dd80] .inspector-switch .el-switch__core{border-color:#dcdfe6;background:#dcdfe6}.inspector-form[data-v-4198dd80] .inspector-switch.is-checked .el-switch__core{border-color:#7c3aed;background:#7c3aed}.inspector-form[data-v-4198dd80] .inspector-switch .el-switch__inner{color:#606266!important}.inspector-form[data-v-4198dd80] .inspector-switch.is-checked .el-switch__inner{color:#fff!important}.inspector-form[data-v-4198dd80] .el-select-dropdown__item{white-space:normal;line-height:1.4;height:auto;min-height:34px;padding-top:6px;padding-bottom:6px}.inspector-actions[data-v-4198dd80]{margin-top:16px;padding-top:12px;border-top:1px solid #ebeef5}.inspector-delete-btn[data-v-4198dd80]{width:100%}.edge-inspector[data-v-fbb2914e]{height:100%;overflow:auto;padding:12px;box-sizing:border-box}.inspector-head[data-v-fbb2914e]{margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid #ebeef5}.inspector-title[data-v-fbb2914e]{font-size:15px;font-weight:600;color:#303133}.inspector-id[data-v-fbb2914e]{font-size:11px;color:#909399;margin-top:4px}.edge-meta[data-v-fbb2914e]{margin:0 0 12px}.edge-meta-row[data-v-fbb2914e]{display:flex;gap:8px;margin-bottom:8px;font-size:13px}.edge-meta-row dt[data-v-fbb2914e]{flex-shrink:0;width:36px;color:#909399}.edge-meta-row dd[data-v-fbb2914e]{margin:0;color:#303133;font-weight:500}.edge-hint[data-v-fbb2914e]{font-size:12px;line-height:1.5;margin:0 0 12px}.muted[data-v-fbb2914e]{color:#909399}.edge-delete-btn[data-v-fbb2914e]{width:100%}.wf-node[data-v-bc154e2a]{min-width:140px;padding:8px 0 8px 12px;border-radius:8px;border:2px solid var(--node-color, #409eff);background:#fff;box-shadow:0 2px 8px #00000014;font-size:12px;position:relative}.wf-node-dual[data-v-bc154e2a]{display:flex;flex-direction:column;min-height:88px;padding-right:0}.wf-node.selected[data-v-bc154e2a]{box-shadow:0 0 0 2px #409eff59,0 4px 12px #0000001f}.wf-node-body[data-v-bc154e2a]{flex:1;padding-right:8px}.wf-node-head[data-v-bc154e2a]{display:flex;align-items:center;gap:6px;margin-bottom:4px}.wf-node-dot[data-v-bc154e2a]{width:8px;height:8px;border-radius:50%;background:var(--node-color)}.wf-node-type[data-v-bc154e2a]{color:#909399;font-size:11px}.wf-node-label[data-v-bc154e2a]{font-weight:600;color:#303133;line-height:1.4}.wf-outlets[data-v-bc154e2a]{display:flex;flex-direction:column;justify-content:flex-end;gap:2px;margin-top:4px;padding-right:0}.wf-outlet-row[data-v-bc154e2a]{display:flex;align-items:center;justify-content:flex-end;gap:4px;min-height:22px;padding-right:0}.wf-port-label[data-v-bc154e2a]{font-size:10px;line-height:1;padding:2px 5px;border-radius:3px;white-space:nowrap;pointer-events:none}.wf-port-top[data-v-bc154e2a]{color:#529b2e;background:#f0f9eb}.wf-port-bottom[data-v-bc154e2a]{color:#c45656;background:#fef0f0}[data-v-bc154e2a] .wf-handle{width:10px;height:10px;background:var(--node-color, #409eff);border:2px solid #fff}[data-v-bc154e2a] .wf-handle-target{left:-5px!important;top:50%!important;transform:translate(-50%,-50%)!important}[data-v-bc154e2a] .wf-handle-source{right:-5px!important;top:50%!important;transform:translate(50%,-50%)!important}[data-v-bc154e2a] .wf-outlet-handle{position:relative!important;inset:auto!important;transform:none!important;flex-shrink:0;margin-right:-5px}[data-v-bc154e2a] .wf-handle-success{background:#67c23a}[data-v-bc154e2a] .wf-handle-fail{background:#f56c6c}.wf-list-panel[data-v-cea4ce7c]{display:flex;flex-direction:column;border-bottom:1px solid #ebeef5;flex-shrink:0;max-height:220px}.wf-list-head[data-v-cea4ce7c]{display:flex;align-items:center;justify-content:space-between;padding:8px 12px 4px}.wf-list-title[data-v-cea4ce7c]{font-size:12px;font-weight:600;color:#606266}.wf-list-actions[data-v-cea4ce7c]{display:flex;align-items:center;gap:4px}.wf-list[data-v-cea4ce7c]{list-style:none;margin:0;padding:4px 8px 8px;overflow-y:auto}.wf-list-item[data-v-cea4ce7c]{display:flex;align-items:center;gap:4px;padding:8px 10px;border-radius:6px;cursor:pointer;transition:background .15s}.wf-list-item[data-v-cea4ce7c]:hover{background:#f5f7fa}.wf-list-item.active[data-v-cea4ce7c]{background:#ecf5ff;border:1px solid #b3d8ff}.wf-list-item-main[data-v-cea4ce7c]{flex:1;min-width:0}.wf-list-item-name[data-v-cea4ce7c]{display:block;font-size:13px;font-weight:500;color:#303133;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wf-list-item-meta[data-v-cea4ce7c]{font-size:11px;color:#909399}.wf-list-more[data-v-cea4ce7c]{padding:0 4px;min-height:auto}.wf-list-hint[data-v-cea4ce7c]{margin:0;padding:6px 12px 10px;font-size:11px;color:#909399;line-height:1.4;border-top:1px solid #f0f2f5}.workflow-editor[data-v-2f835d2a]{height:100%;display:flex;flex-direction:column;background:#f5f7fa;border-radius:8px;overflow:hidden;border:1px solid #ebeef5}.wf-toolbar[data-v-2f835d2a]{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#fff;border-bottom:1px solid #ebeef5;flex-shrink:0;flex-wrap:wrap}.wf-toolbar-left[data-v-2f835d2a],.wf-toolbar-right[data-v-2f835d2a]{display:flex;align-items:center;gap:8px;flex-shrink:0;flex-wrap:wrap}.wf-toolbar-center[data-v-2f835d2a]{flex:1;display:flex;flex-wrap:wrap;gap:6px;justify-content:center;min-width:120px}.wf-name-input[data-v-2f835d2a]{width:200px}.wf-issue-tag[data-v-2f835d2a]{max-width:220px;overflow:hidden;text-overflow:ellipsis}.wf-body[data-v-2f835d2a]{flex:1;display:flex;min-height:0}.wf-panel[data-v-2f835d2a]{display:flex;flex-direction:column;background:#fff;min-height:0}.wf-panel-left[data-v-2f835d2a]{width:220px;border-right:1px solid #ebeef5;flex-shrink:0}.wf-palette-body[data-v-2f835d2a]{flex:1;min-height:0;overflow:hidden}.wf-panel-center[data-v-2f835d2a]{flex:1;min-width:0}.wf-panel-right[data-v-2f835d2a]{width:280px;border-left:1px solid #ebeef5;flex-shrink:0}.wf-panel-title[data-v-2f835d2a]{padding:8px 12px;font-size:12px;font-weight:600;color:#606266;border-bottom:1px solid #ebeef5;flex-shrink:0}.wf-panel-center[data-v-2f835d2a] .vue-flow{width:100%;height:100%}.wf-panel-center[data-v-2f835d2a] .vue-flow__node{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.wf-panel-center[data-v-2f835d2a] .vue-flow__edge.selected .vue-flow__edge-path{stroke-width:3!important;filter:drop-shadow(0 0 2px rgba(64,158,255,.45))}.wf-panel-center[data-v-2f835d2a] .vue-flow__edge.selected .vue-flow__edge-text{fill:#409eff;font-weight:600}.task-template-page[data-v-4ab211b0]{height:calc(100vh - 56px);padding:12px 14px;box-sizing:border-box}.task-template-page[data-v-4ab211b0] .workflow-editor{height:100%}
|