youngkingdom/dify
1
0
Fork 0
mirror of https://github.com/langgenius/dify.git synced 2026-05-02 16:38:04 +08:00
Code Issues Packages Projects Releases Wiki Activity

bg

Browse Source
This commit is contained in:
StyleZhang
2024-03-05 12:36:41 +08:00
parent 57e9e229de
commit 0367a2148a
4 changed files with 54 additions and 31 deletions
Download Patch File Download Diff File Expand all files Collapse all files

66
web/app/components/workflow/operator/zoom-in-out.tsx
View File

@ -4,6 +4,7 @@ import {
memo,
useState,
} from 'react'
import { useTranslation } from 'react-i18next'
import { useReactFlow } from 'reactflow'
import {
PortalToFollowElem,
@ -13,39 +14,40 @@ import {
import { SearchLg } from '@/app/components/base/icons/src/vender/line/general'
import { ChevronDown } from '@/app/components/base/icons/src/vender/line/arrows'
const ZOOM_IN_OUT_OPTIONS = [
[
{
key: 'in',
text: 'Zoom In',
},
{
key: 'out',
text: 'Zoom Out',
},
],
[
{
key: 'to50',
text: 'Zoom to 50%',
},
{
key: 'to100',
text: 'Zoom to 100%',
},
],
[
{
key: 'fit',
text: 'Zoom to Fit',
},
],
]
const ZoomInOut: FC = () => {
const { t } = useTranslation()
const reactFlow = useReactFlow()
const [open, setOpen] = useState(false)
const ZOOM_IN_OUT_OPTIONS = [
[
{
key: 'in',
text: t('workflow.operator.zoomIn'),
},
{
key: 'out',
text: t('workflow.operator.zoomOut'),
},
],
[
{
key: 'to50',
text: t('workflow.operator.zoomTo50'),
},
{
key: 'to100',
text: t('workflow.operator.zoomTo100'),
},
],
[
{
key: 'fit',
text: t('workflow.operator.zoomToFit'),
},
],
]
const handleZoom = (type: string) => {
if (type === 'in')
reactFlow.zoomIn()
@ -55,6 +57,12 @@ const ZoomInOut: FC = () => {
if (type === 'fit')
reactFlow.fitView()
if (type === 'to50')
reactFlow.zoomTo(0.5)
if (type === 'to100')
reactFlow.zoomTo(1)
}
return (