42 lines
1011 B
Svelte
42 lines
1011 B
Svelte
<script>
|
|
import Checkbox from "./elements/Checkbox.svelte";
|
|
|
|
import Color from "./elements/Color.svelte";
|
|
import Reference from "./elements/Reference.svelte";
|
|
import Number from "./elements/Number.svelte";
|
|
|
|
import Text from "./elements/Text.svelte";
|
|
import Date from "./elements/Date.svelte";
|
|
import Datetime from "./elements/Datetime.svelte";
|
|
import File from "./elements/File.svelte";
|
|
import Rich from "./elements/Rich.svelte";
|
|
|
|
const renderElements = {
|
|
text: Text,
|
|
slug: Text,
|
|
rich: Rich,
|
|
textarea: Text,
|
|
color: Color,
|
|
checkbox: Checkbox,
|
|
reference: Reference,
|
|
number: Number,
|
|
date: Date,
|
|
datetime: Datetime,
|
|
file: File,
|
|
};
|
|
export let field;
|
|
export let schema;
|
|
export let record;
|
|
export let graph;
|
|
|
|
</script>
|
|
|
|
<svelte:component
|
|
this={renderElements[field.info.name]}
|
|
value={record.data[field.name]}
|
|
{record}
|
|
{graph}
|
|
{schema}
|
|
{field}
|
|
/>
|