diff --git a/packages/model3d-viewer/src/Model3DViewer.tsx b/packages/model3d-viewer/src/Model3DViewer.tsx index c9978abbe..8d3e03049 100644 --- a/packages/model3d-viewer/src/Model3DViewer.tsx +++ b/packages/model3d-viewer/src/Model3DViewer.tsx @@ -17,7 +17,7 @@ import { createModel3dViewerScene, type Model3dViewerScene } from './scene'; import { MODEL3D_VIEWER_LOADING_TEXT, MODEL3D_VIEWER_STATUS_ATTRIBUTE, - type Model3DViewerStatus, + type Model3dViewerStatus, type Model3dViewerStatusDetail, resolveModel3dViewerErrorText, } from './status'; @@ -34,7 +34,7 @@ export type Model3DViewerProps = { /** 失败时那一行状态文案;不传用内置文案。 */ errorText?: string; onStatusChange?: ( - status: Model3DViewerStatus, + status: Model3dViewerStatus, detail: Model3dViewerStatusDetail, ) => void; className?: string; @@ -58,14 +58,14 @@ export function Model3DViewer({ const sceneRef = useRef(null); const onStatusChangeRef = useRef(onStatusChange); const autoRotateRef = useRef(autoRotate); - const [status, setStatus] = useState('idle'); + const [status, setStatus] = useState('idle'); useEffect(() => { onStatusChangeRef.current = onStatusChange; }, [onStatusChange]); const reportStatus = useCallback( - (next: Model3DViewerStatus, detail: Model3dViewerStatusDetail) => { + (next: Model3dViewerStatus, detail: Model3dViewerStatusDetail) => { setStatus(next); onStatusChangeRef.current?.(next, detail); }, diff --git a/packages/model3d-viewer/src/index.ts b/packages/model3d-viewer/src/index.ts index a03952e50..6ae70675f 100644 --- a/packages/model3d-viewer/src/index.ts +++ b/packages/model3d-viewer/src/index.ts @@ -13,7 +13,7 @@ export type { Model3DViewerHandle, Model3DViewerProps } from './Model3DViewer'; export { Model3DViewer } from './Model3DViewer'; export type { Model3dViewerFailureReason, - Model3DViewerStatus, + Model3dViewerStatus, Model3dViewerStatusDetail, } from './status'; export { diff --git a/packages/model3d-viewer/src/status.ts b/packages/model3d-viewer/src/status.ts index 822a7e051..d36b88cd6 100644 --- a/packages/model3d-viewer/src/status.ts +++ b/packages/model3d-viewer/src/status.ts @@ -1,4 +1,4 @@ -export type Model3DViewerStatus = 'idle' | 'loading' | 'ready' | 'failed'; +export type Model3dViewerStatus = 'idle' | 'loading' | 'ready' | 'failed'; export type Model3dViewerFailureReason = | 'unsupported-format' diff --git a/src/components/image-editor/model3d-preview/Model3dViewerModal.tsx b/src/components/image-editor/model3d-preview/Model3dViewerModal.tsx index c3934ea0a..67e2f8dfb 100644 --- a/src/components/image-editor/model3d-preview/Model3dViewerModal.tsx +++ b/src/components/image-editor/model3d-preview/Model3dViewerModal.tsx @@ -2,7 +2,7 @@ import { Model3DViewer, type Model3DViewerHandle, type Model3DViewerSource, - type Model3DViewerStatus, + type Model3dViewerStatus, type Model3dViewerStatusDetail, } from '@genarrative/model3d-viewer'; import { useRef, useState } from 'react'; @@ -86,7 +86,7 @@ export function Model3dViewerModal({ // 用 effect 在切换时重置不行 —— 它在挂载后运行,会盖掉查看器刚上报的 ready。 const [viewerStatus, setViewerStatus] = useState<{ identity: string; - status: Model3DViewerStatus; + status: Model3dViewerStatus; detail: Model3dViewerStatusDetail | null; } | null>(null);