36 lines
1.0 KiB
Svelte
36 lines
1.0 KiB
Svelte
<script>
|
|
import OptionSelect from "./OptionSelect.svelte"
|
|
import { backendUiStore } from "builderStore"
|
|
import MultiOptionSelect from "./MultiOptionSelect.svelte"
|
|
|
|
export let componentInstance = {}
|
|
export let value = ""
|
|
export let onChange = () => {}
|
|
export let multiselect = false
|
|
|
|
const tables = $backendUiStore.tables
|
|
const queries = $backendUiStore.queries
|
|
|
|
let options = []
|
|
|
|
$: table =
|
|
componentInstance.datasource?.type === "table"
|
|
? tables.find(m => m._id === componentInstance.datasource.tableId)
|
|
: queries.find(query => query._id === componentInstance.datasource._id)
|
|
|
|
$: type = componentInstance.datasource.type
|
|
|
|
$: if (table) {
|
|
options =
|
|
type === "table" || type === "link" || type === "query"
|
|
? Object.keys(table.schema)
|
|
: Object.keys(table.views[componentInstance.datasource.name].schema)
|
|
}
|
|
</script>
|
|
|
|
{#if multiselect}
|
|
<MultiOptionSelect {value} {onChange} {options} />
|
|
{:else}
|
|
<OptionSelect {value} {onChange} {options} />
|
|
{/if}
|