GuanM/certimate
1
0
Fork 0
mirror of https://github.com/usual2970/certimate.git synced 2025-06-23 12:49:56 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

clean up unnecessary lines

Browse Source
This commit is contained in:
yoan 2025-01-14 12:09:12 +08:00
parent 793289ad97
commit 7b75dacb03
1 changed files with 43 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
ui/src/components/workflow/node/BranchNode.tsx
View File

@ -1,6 +1,6 @@
import { memo } from "react"; import { memo } from "react";
import { useTranslation } from "react-i18next"; import { useTranslation } from "react-i18next";
import { Button } from "antd"; import { Button, theme } from "antd";
import { type WorkflowNode } from "@/domain/workflow"; import { type WorkflowNode } from "@/domain/workflow";
import { useZustandShallowSelector } from "@/hooks"; import { useZustandShallowSelector } from "@/hooks";
@ -10,6 +10,8 @@ import AddNode from "./AddNode";
import WorkflowElement from "../WorkflowElement"; import WorkflowElement from "../WorkflowElement";
import { type SharedNodeProps } from "./_SharedNode"; import { type SharedNodeProps } from "./_SharedNode";
const { useToken } = theme;
export type BrandNodeProps = SharedNodeProps; export type BrandNodeProps = SharedNodeProps;
const BranchNode = ({ node, disabled }: BrandNodeProps) => { const BranchNode = ({ node, disabled }: BrandNodeProps) => {
@ -17,6 +19,8 @@ const BranchNode = ({ node, disabled }: BrandNodeProps) => {
const { addBranch } = useWorkflowStore(useZustandShallowSelector(["addBranch"])); const { addBranch } = useWorkflowStore(useZustandShallowSelector(["addBranch"]));
const token = useToken();
const renderBranch = (node: WorkflowNode, branchNodeId?: string, branchIndex?: number) => { const renderBranch = (node: WorkflowNode, branchNodeId?: string, branchIndex?: number) => {
const elements: JSX.Element[] = []; const elements: JSX.Element[] = [];
@ -31,7 +35,12 @@ const BranchNode = ({ node, disabled }: BrandNodeProps) => {
return ( return (
<> <>
<div className="relative flex gap-x-16 before:absolute before:inset-x-[128px] before:top-0 before:h-[2px] before:bg-stone-200 before:content-[''] after:absolute after:inset-x-[128px] after:bottom-0 after:h-[2px] after:bg-stone-200 after:content-['']"> <div
className="relative flex gap-x-16 before:absolute before:inset-x-[128px] before:top-0 before:h-[2px] before:bg-stone-200 before:content-[''] after:absolute after:inset-x-[128px] after:bottom-0 after:h-[2px] after:bg-stone-200 after:content-['']"
style={{
backgroundColor: token.token.colorBgContainer,
}}
>
<Button <Button
className="absolute left-1/2 z-[1] -translate-x-1/2 -translate-y-1/2 text-xs" className="absolute left-1/2 z-[1] -translate-x-1/2 -translate-y-1/2 text-xs"
disabled={disabled} disabled={disabled}
@ -50,6 +59,38 @@ const BranchNode = ({ node, disabled }: BrandNodeProps) => {
key={branch.id} key={branch.id}
className="relative flex flex-col items-center before:absolute before:left-1/2 before:top-0 before:h-full before:w-[2px] before:-translate-x-1/2 before:bg-stone-200 before:content-['']" className="relative flex flex-col items-center before:absolute before:left-1/2 before:top-0 before:h-full before:w-[2px] before:-translate-x-1/2 before:bg-stone-200 before:content-['']"
> >
{index == 0 && (
<>
<div
className="absolute -left-px -top-1 h-2 w-1/2"
style={{
backgroundColor: token.token.colorBgContainer,
}}
></div>
<div
className="absolute -bottom-1 -left-px z-50 h-2 w-1/2"
style={{
backgroundColor: token.token.colorBgContainer,
}}
></div>
</>
)}
{node.branches && index == node.branches.length - 1 && (
<>
<div
className="absolute -right-px -top-1 h-2 w-1/2"
style={{
backgroundColor: token.token.colorBgContainer,
}}
></div>
<div
className="absolute -bottom-1 -right-px z-50 h-2 w-1/2"
style={{
backgroundColor: token.token.colorBgContainer,
}}
></div>
</>
)}
<div className="relative flex flex-col items-center">{renderBranch(branch, node.id, index)}</div> <div className="relative flex flex-col items-center">{renderBranch(branch, node.id, index)}</div>
</div> </div>
))} ))}