|
|
|
|
@ -1,5 +1,5 @@
|
|
|
|
|
'use client'
|
|
|
|
|
import React, { useState } from 'react'
|
|
|
|
|
import React, { useState, useEffect } from "react";
|
|
|
|
|
import { usePathname } from 'next/navigation'
|
|
|
|
|
import s from './index.module.css'
|
|
|
|
|
import { useEventEmitterContextContext } from '@/context/event-emitter'
|
|
|
|
|
@ -9,6 +9,33 @@ type HeaderWrapperProps = {
|
|
|
|
|
children: React.ReactNode
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
const useIframeHeader = () => {
|
|
|
|
|
const [show, setShow] = useState(true);
|
|
|
|
|
|
|
|
|
|
useEffect(() => {
|
|
|
|
|
// 监听父级指定操作
|
|
|
|
|
const handler = (event: MessageEvent) => {
|
|
|
|
|
// if (event.origin !== "https://gcgj.ngsk.tech:7001") return;
|
|
|
|
|
if (event.data.type === "HIDDEN") setShow(() => false);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
// 初始化完成后提示iframe操作
|
|
|
|
|
window.parent.postMessage(
|
|
|
|
|
{
|
|
|
|
|
type: "HEADER",
|
|
|
|
|
},
|
|
|
|
|
"*"
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
window.addEventListener("message", handler);
|
|
|
|
|
return () => window.removeEventListener("message", handler);
|
|
|
|
|
}, []);
|
|
|
|
|
|
|
|
|
|
return {
|
|
|
|
|
show,
|
|
|
|
|
};
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
const HeaderWrapper = ({
|
|
|
|
|
children,
|
|
|
|
|
}: HeaderWrapperProps) => {
|
|
|
|
|
@ -19,6 +46,7 @@ const HeaderWrapper = ({
|
|
|
|
|
const workflowCanvasMaximize = localStorage.getItem('workflow-canvas-maximize') === 'true'
|
|
|
|
|
const [hideHeader, setHideHeader] = useState(workflowCanvasMaximize)
|
|
|
|
|
const { eventEmitter } = useEventEmitterContextContext()
|
|
|
|
|
const { show } = useIframeHeader();
|
|
|
|
|
|
|
|
|
|
eventEmitter?.useSubscription((v: any) => {
|
|
|
|
|
if (v?.type === 'workflow-canvas-maximize')
|
|
|
|
|
@ -26,15 +54,22 @@ const HeaderWrapper = ({
|
|
|
|
|
})
|
|
|
|
|
|
|
|
|
|
return (
|
|
|
|
|
<div className={classNames(
|
|
|
|
|
'sticky left-0 right-0 top-0 z-[15] flex min-h-[56px] shrink-0 grow-0 basis-auto flex-col',
|
|
|
|
|
s.header,
|
|
|
|
|
isBordered ? 'border-b border-divider-regular' : '',
|
|
|
|
|
hideHeader && inWorkflowCanvas && 'hidden',
|
|
|
|
|
)}
|
|
|
|
|
>
|
|
|
|
|
{children}
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
<>
|
|
|
|
|
{show ? (
|
|
|
|
|
<div
|
|
|
|
|
className={classNames(
|
|
|
|
|
"sticky left-0 right-0 top-0 z-[15] flex min-h-[56px] shrink-0 grow-0 basis-auto flex-col",
|
|
|
|
|
s.header,
|
|
|
|
|
isBordered ? "border-b border-divider-regular" : "",
|
|
|
|
|
hideHeader && inWorkflowCanvas && "hidden"
|
|
|
|
|
)}
|
|
|
|
|
>
|
|
|
|
|
{children}
|
|
|
|
|
</div>
|
|
|
|
|
) : (
|
|
|
|
|
""
|
|
|
|
|
)}
|
|
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
export default HeaderWrapper
|
|
|
|
|
|