112 lines
2.9 KiB
TypeScript
112 lines
2.9 KiB
TypeScript
|
"use client";
|
||
|
|
|
||
|
|
/**
|
||
|
|
* UnifiedComponentRenderer
|
||
|
|
*
|
||
|
|
* Unified 컴포넌트를 동적으로 렌더링하는 컴포넌트
|
||
|
|
* props.unifiedType에 따라 적절한 컴포넌트를 렌더링
|
||
|
|
*/
|
||
|
|
|
||
|
|
import React, { forwardRef, useMemo } from "react";
|
||
|
|
import {
|
||
|
|
UnifiedComponentProps,
|
||
|
|
isUnifiedInput,
|
||
|
|
isUnifiedSelect,
|
||
|
|
isUnifiedDate,
|
||
|
|
isUnifiedText,
|
||
|
|
isUnifiedMedia,
|
||
|
|
isUnifiedList,
|
||
|
|
isUnifiedLayout,
|
||
|
|
isUnifiedGroup,
|
||
|
|
isUnifiedBiz,
|
||
|
|
isUnifiedHierarchy,
|
||
|
|
} from "@/types/unified-components";
|
||
|
|
import { UnifiedInput } from "./UnifiedInput";
|
||
|
|
import { UnifiedSelect } from "./UnifiedSelect";
|
||
|
|
import { UnifiedDate } from "./UnifiedDate";
|
||
|
|
import { UnifiedList } from "./UnifiedList";
|
||
|
|
import { UnifiedLayout } from "./UnifiedLayout";
|
||
|
|
import { UnifiedGroup } from "./UnifiedGroup";
|
||
|
|
import { UnifiedMedia } from "./UnifiedMedia";
|
||
|
|
import { UnifiedBiz } from "./UnifiedBiz";
|
||
|
|
import { UnifiedHierarchy } from "./UnifiedHierarchy";
|
||
|
|
|
||
|
|
interface UnifiedComponentRendererProps {
|
||
|
|
props: UnifiedComponentProps;
|
||
|
|
className?: string;
|
||
|
|
}
|
||
|
|
|
||
|
|
/**
|
||
|
|
* Unified 컴포넌트 렌더러
|
||
|
|
*/
|
||
|
|
export const UnifiedComponentRenderer = forwardRef<HTMLDivElement, UnifiedComponentRendererProps>(
|
||
|
|
({ props, className }, ref) => {
|
||
|
|
const component = useMemo(() => {
|
||
|
|
// 타입 가드를 사용하여 적절한 컴포넌트 렌더링
|
||
|
|
if (isUnifiedInput(props)) {
|
||
|
|
return <UnifiedInput {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedSelect(props)) {
|
||
|
|
return <UnifiedSelect {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedDate(props)) {
|
||
|
|
return <UnifiedDate {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedText(props)) {
|
||
|
|
// UnifiedText는 UnifiedInput의 textarea 모드로 대체
|
||
|
|
// 필요시 별도 구현
|
||
|
|
return (
|
||
|
|
<div className="p-2 border rounded text-sm text-muted-foreground">
|
||
|
|
UnifiedText (UnifiedInput textarea 모드 사용 권장)
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedMedia(props)) {
|
||
|
|
return <UnifiedMedia {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedList(props)) {
|
||
|
|
return <UnifiedList {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedLayout(props)) {
|
||
|
|
return <UnifiedLayout {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedGroup(props)) {
|
||
|
|
return <UnifiedGroup {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedBiz(props)) {
|
||
|
|
return <UnifiedBiz {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
if (isUnifiedHierarchy(props)) {
|
||
|
|
return <UnifiedHierarchy {...props} />;
|
||
|
|
}
|
||
|
|
|
||
|
|
// 알 수 없는 타입
|
||
|
|
return (
|
||
|
|
<div className="p-2 border border-destructive rounded text-sm text-destructive">
|
||
|
|
알 수 없는 컴포넌트 타입: {(props as { unifiedType?: string }).unifiedType}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}, [props]);
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div ref={ref} className={className}>
|
||
|
|
{component}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
);
|
||
|
|
|
||
|
|
UnifiedComponentRenderer.displayName = "UnifiedComponentRenderer";
|
||
|
|
|
||
|
|
export default UnifiedComponentRenderer;
|
||
|
|
|