wehub-resource-sync
35 lines
1013 B
TypeScript
35 lines
1013 B
TypeScript
/**
|
|
* Copyright (c) 2025 Bytedance Ltd. and/or its affiliates
|
|
* SPDX-License-Identifier: MIT
|
|
*/
|
|
|
|
import '@flowgram.ai/fixed-layout-editor/index.css';
|
|
import './index.less';
|
|
|
|
import classNames from 'classnames';
|
|
import { FlowNodeEntity, useNodeRender } from '@flowgram.ai/fixed-layout-editor';
|
|
|
|
import { useNodeStatus } from '@/hooks/use-node-loading';
|
|
|
|
export const NodeRender = ({ node }: { node: FlowNodeEntity }) => {
|
|
const { onMouseEnter, onMouseLeave, form, dragging, isBlockOrderIcon, isBlockIcon, activated } =
|
|
useNodeRender();
|
|
|
|
const { className } = useNodeStatus();
|
|
|
|
return (
|
|
<div
|
|
className={classNames('node-render', className, {
|
|
'node-render-activated': activated,
|
|
'node-render-dragging': dragging,
|
|
'node-render-block-order-icon': isBlockOrderIcon,
|
|
'node-render-block-icon': isBlockIcon,
|
|
})}
|
|
onMouseEnter={onMouseEnter}
|
|
onMouseLeave={onMouseLeave}
|
|
>
|
|
<div className="node-form">{form?.render()}</div>
|
|
</div>
|
|
);
|
|
};
|