pocketbase/ui/src/components/base/MultipleValueInput.svelte

22 lines
463 B
Svelte

<script>
import CommonHelper from "@/utils/CommonHelper";
export let value = [];
export let separator = ",";
export let readonly = null;
export let disabled = null;
$: valueStr = (value || []).join(", ");
</script>
<input
type={$$restProps.type || "text"}
value={valueStr}
{disabled}
{readonly}
on:input={(e) => {
value = CommonHelper.splitNonEmpty(e.target.value, separator);
}}
{...$$restProps}
/>