thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Add joinJSX utility function

Browse source
This commit is contained in:
thepaperpilot 2022-08-13 22:28:11 -05:00
parent 6f8ed688eb
commit 1729fa8561
1 changed files with 12 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/util/vue.tsx
View file

@ -12,7 +12,6 @@ import {
onUnmounted, onUnmounted,
ref, ref,
shallowRef, shallowRef,
toRef,
unref, unref,
watchEffect watchEffect
} from "vue"; } from "vue";
@ -38,10 +37,10 @@ export function coerceComponent(
return component; return component;
} }
export type VueFeature = { export interface VueFeature {
[ComponentKey]: GenericComponent; [ComponentKey]: GenericComponent;
[GatherProps]: () => Record<string, unknown>; [GatherProps]: () => Record<string, unknown>;
}; }
export function render(object: VueFeature | CoercableComponent): JSX.Element | DefineComponent { export function render(object: VueFeature | CoercableComponent): JSX.Element | DefineComponent {
if (isCoercableComponent(object)) { if (isCoercableComponent(object)) {
@ -86,6 +85,16 @@ export function renderColJSX(...objects: (VueFeature | CoercableComponent)[]): J
return <Col>{objects.map(renderJSX)}</Col>; return <Col>{objects.map(renderJSX)}</Col>;
} }
export function joinJSX(objects: JSX.Element[], joiner: JSX.Element): JSX.Element {
return objects.reduce((acc, curr) => (
<>
{acc}
{joiner}
{curr}
</>
));
}
export function isCoercableComponent(component: unknown): component is CoercableComponent { export function isCoercableComponent(component: unknown): component is CoercableComponent {
if (typeof component === "string") { if (typeof component === "string") {
return true; return true;