- (null);
+
+ useEffect(() => {
+ const dispatchNativeMouseEvent = (type: 'mousemove' | 'mouseleave', event?: PointerEvent) => {
+ const frameWindow = frameRef.current?.contentWindow;
+ if (!frameWindow) return false;
+
+ try {
+ const nativeEvent = new MouseEvent(type, {
+ bubbles: true,
+ cancelable: false,
+ clientX: event?.clientX ?? 99999,
+ clientY: event?.clientY ?? 99999,
+ screenX: event?.screenX ?? 99999,
+ screenY: event?.screenY ?? 99999,
+ buttons: event?.buttons ?? 0,
+ view: frameWindow,
+ });
+ frameWindow.dispatchEvent(nativeEvent);
+ return true;
+ } catch {
+ return false;
+ }
+ };
+
+ const sendPointer = (type: 'pointermove' | 'pointerleave', event?: PointerEvent) => {
+ const frameWindow = frameRef.current?.contentWindow;
+ if (!frameWindow) return;
+ dispatchNativeMouseEvent(type === 'pointermove' ? 'mousemove' : 'mouseleave', event);
+ frameWindow.postMessage(
+ {
+ type: `skg-oasis-${type}`,
+ x: event?.clientX ?? 99999,
+ y: event?.clientY ?? 99999,
+ },
+ window.location.origin,
+ );
+ };
+
+ const onPointerMove = (event: PointerEvent) => sendPointer('pointermove', event);
+ const onPointerLeave = () => sendPointer('pointerleave');
+ const listenerOptions = { capture: true, passive: true };
+
+ document.addEventListener('pointermove', onPointerMove, listenerOptions);
+ window.addEventListener('pointerleave', onPointerLeave, listenerOptions);
+ return () => {
+ document.removeEventListener('pointermove', onPointerMove, listenerOptions);
+ window.removeEventListener('pointerleave', onPointerLeave, listenerOptions);
+ };
+ }, []);
+
+ return (
+
+ );
+}
AI Toy
- AI Toy Patent
-进入玩具 IP 生成工作台，管理上传、生成、图库和操作记录。
-
+
+
);
}
diff --git a/src/components/login/OasisCanvas.tsx b/src/components/login/OasisCanvas.tsx
new file mode 100644
index 0000000..35b8839
--- /dev/null
+++ b/src/components/login/OasisCanvas.tsx
@@ -0,0 +1,67 @@
+'use client';
+
+import { useEffect, useRef } from 'react';
+
+export function OasisCanvas() {
+ const frameRef = useRef
+
+
+
-
-
-
+
+
+
+