| | |
| | | const { |
| | | availablePrevBlocks, |
| | | availableNextBlocks, |
| | | } = useAvailableBlocks(data.type, data.isInIteration, data.isInLoop) |
| | | } = useAvailableBlocks(data.type, data.isInIteration) |
| | | |
| | | const handleSelect = useCallback<OnSelectBlock>((type, toolDefaultValue) => { |
| | | handleNodeChange(nodeId, type, sourceHandle, toolDefaultValue) |
| | |
| | | |
| | | const renderTrigger = useCallback(() => { |
| | | return ( |
| | | <div className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover'> |
| | | <div className='flex items-center px-2 h-8 rounded-lg cursor-pointer hover:bg-state-base-hover'> |
| | | {t('workflow.panel.change')} |
| | | </div> |
| | | ) |
| | |
| | | onOpenChange={onOpenChange} |
| | | > |
| | | <PortalToFollowElemTrigger onClick={() => onOpenChange(!open)}> |
| | | <Button className='h-6 w-6 p-0'> |
| | | <RiMoreFill className='h-4 w-4' /> |
| | | <Button className='p-0 w-6 h-6'> |
| | | <RiMoreFill className='w-4 h-4' /> |
| | | </Button> |
| | | </PortalToFollowElemTrigger> |
| | | <PortalToFollowElemContent className='z-10'> |
| | | <div className='system-md-regular min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur text-text-secondary shadow-lg'> |
| | | <div className='min-w-[120px] rounded-xl border-[0.5px] border-components-panel-border bg-components-panel-bg-blur shadow-lg system-md-regular text-text-secondary'> |
| | | <div className='p-1'> |
| | | <ChangeItem |
| | | data={data} |
| | |
| | | sourceHandle={sourceHandle} |
| | | /> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover' |
| | | className='flex items-center px-2 h-8 rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={() => handleNodeDisconnect(nodeId)} |
| | | > |
| | | {t('workflow.common.disconnect')} |
| | |
| | | </div> |
| | | <div className='p-1'> |
| | | <div |
| | | className='flex h-8 cursor-pointer items-center rounded-lg px-2 hover:bg-state-base-hover' |
| | | className='flex items-center px-2 h-8 rounded-lg cursor-pointer hover:bg-state-base-hover' |
| | | onClick={() => handleNodeDelete(nodeId)} |
| | | > |
| | | {t('common.operation.delete')} |