34 lines
646 B
Svelte
34 lines
646 B
Svelte
|
<script>
|
||
|
|
import { getContext } from "svelte"
|
||
|
|
import { generate } from "shortid"
|
||
|
|
import Component from "components/Component.svelte"
|
||
|
|
|
||
|
|
export let type
|
||
|
|
export let props
|
||
|
|
export let styles
|
||
|
|
export let id
|
||
|
|
|
||
|
|
const block = getContext("block")
|
||
|
|
const rand = generate()
|
||
|
|
|
||
|
|
$: id = block.id + rand
|
||
|
|
$: instance = createInstance(type, props, id)
|
||
|
|
|
||
|
|
const createInstance = (type, props, id) => {
|
||
|
|
return {
|
||
|
|
_component: `@budibase/standard-components/${type}`,
|
||
|
|
_id: id,
|
||
|
|
_styles: {
|
||
|
|
normal: {
|
||
|
|
...styles,
|
||
|
|
},
|
||
|
|
},
|
||
|
|
...props,
|
||
|
|
}
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<Component {instance}>
|
||
|
|
<slot />
|
||
|
|
</Component>
|