Răsfoiți Sursa

fix(demo): fixed-layout demo base-node add dragging style (#572)

xiamidaxia 5 luni în urmă
părinte
comite
3fd0061532

+ 1 - 0
apps/demo-fixed-layout-simple/src/components/base-node.tsx

@@ -40,6 +40,7 @@ export const BaseNode = ({ node }: { node: FlowNodeEntity }) => {
          * isBlockIcon: 整个 condition 分支的 头部节点
          * isBlockIcon: 整个 condition 分支的 头部节点
          * isBlockOrderIcon: 分支的第一个节点
          * isBlockOrderIcon: 分支的第一个节点
          */
          */
+        opacity: nodeRender.dragging ? 0.3 : 1,
         ...(nodeRender.isBlockOrderIcon || nodeRender.isBlockIcon ? { width: 260 } : {}),
         ...(nodeRender.isBlockOrderIcon || nodeRender.isBlockIcon ? { width: 260 } : {}),
       }}
       }}
     >
     >

+ 1 - 0
apps/demo-fixed-layout/src/components/base-node/index.tsx

@@ -60,6 +60,7 @@ export const BaseNode = ({ node }: { node: FlowNodeEntity }) => {
            */
            */
           ...(nodeRender.isBlockOrderIcon || nodeRender.isBlockIcon ? {} : {}),
           ...(nodeRender.isBlockOrderIcon || nodeRender.isBlockIcon ? {} : {}),
           ...nodeRender.node.getNodeRegistry().meta.style,
           ...nodeRender.node.getNodeRegistry().meta.style,
+          opacity: nodeRender.dragging ? 0.3 : 1,
           outline: form?.state.invalid ? '1px solid red' : 'none',
           outline: form?.state.invalid ? '1px solid red' : 'none',
         }}
         }}
       >
       >