38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
|
import type {
|
||
|
|
NodePropsType,
|
||
|
|
ComponentFunctionType,
|
||
|
|
NullableChildType,
|
||
|
|
} from '../types.ts';
|
||
|
|
import { NODE_TYPE } from '../constants.ts';
|
||
|
|
import { FragmentNode } from './FragmentNode.ts';
|
||
|
|
import { Node } from './Node.ts';
|
||
|
|
import { normalizeChildren } from './utils/normalizeChildren.ts';
|
||
|
|
|
||
|
|
export class ComponentNode extends Node {
|
||
|
|
type = NODE_TYPE.COMPONENT;
|
||
|
|
|
||
|
|
constructor(
|
||
|
|
public component: ComponentFunctionType,
|
||
|
|
public props: NodePropsType,
|
||
|
|
children: NullableChildType[],
|
||
|
|
) {
|
||
|
|
super(children);
|
||
|
|
}
|
||
|
|
|
||
|
|
async render(): Promise<string | any[]> {
|
||
|
|
return [].concat((await this.renderComponent()) as any).join('');
|
||
|
|
}
|
||
|
|
|
||
|
|
async renderComponent() {
|
||
|
|
const child = await this.component(this.props, this.children);
|
||
|
|
const children = normalizeChildren(
|
||
|
|
Array.isArray(child) ? child : [child],
|
||
|
|
);
|
||
|
|
if (children.length === 1) {
|
||
|
|
return children[0].render();
|
||
|
|
} else if (children.length > 1) {
|
||
|
|
return new FragmentNode(children).render();
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|