mirror of
https://github.com/windmill-labs/windmill.git
synced 2026-09-11 08:07:15 +00:00
Ruben FiszelandClaude Opus 4.6
f481ea4059
* fix(frontend): remove banned $bindable('') pattern from ClearableInput
Switching format types in the flow input editor caused a
props_invalid_value error because ClearableInput used
value = $bindable(''), which conflicts with undefined bindings.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
* fix(frontend): restore flow result display in result node
The fix in #8390 changed updateLastJob() to only use testJob when
actively running/streaming, preferring flowStateStore for completed
results. But the result node has moduleId='' and no flowStateStore
entry, so the early return made it always show the empty state.
Add !moduleId to the testJob condition so the result node (which has
no flowStateStore entry) still uses testJob as its only data source.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---------
Co-authored-by: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
93 lines
2.2 KiB
Svelte
93 lines
2.2 KiB
Svelte
<script lang="ts">
|
|
import { run, createBubbler, stopPropagation, preventDefault } from 'svelte/legacy'
|
|
|
|
const bubble = createBubbler()
|
|
import { createEventDispatcher } from 'svelte'
|
|
import { fade } from 'svelte/transition'
|
|
import { X } from 'lucide-svelte'
|
|
import { createDispatcherIfMounted } from '$lib/createDispatcherIfMounted'
|
|
|
|
interface Props {
|
|
value?: any
|
|
placeholder?: string
|
|
type?: 'text' | 'textarea' | 'number'
|
|
inputClass?: string
|
|
wrapperClass?: string
|
|
buttonClass?: string
|
|
children?: import('svelte').Snippet
|
|
[key: string]: any
|
|
}
|
|
|
|
let {
|
|
value = $bindable(),
|
|
placeholder = '',
|
|
type = 'text',
|
|
inputClass = '',
|
|
wrapperClass = '',
|
|
buttonClass = '',
|
|
children,
|
|
...rest
|
|
}: Props = $props()
|
|
const dispatch = createEventDispatcher()
|
|
const dispatchIfMounted = createDispatcherIfMounted(dispatch)
|
|
let isHovered = $state(false)
|
|
|
|
let isNumeric = $derived(['number', 'range'].includes(type))
|
|
run(() => {
|
|
dispatchIfMounted('change', value)
|
|
})
|
|
|
|
function handleInput(e) {
|
|
value = isNumeric ? +e.target.value : e.target.value
|
|
}
|
|
|
|
function clear() {
|
|
value = ''
|
|
}
|
|
</script>
|
|
|
|
<!-- svelte-ignore a11y_no_static_element_interactions -->
|
|
<div
|
|
class="relative grow {wrapperClass}"
|
|
onmouseenter={() => (isHovered = true)}
|
|
onmouseleave={() => (isHovered = false)}
|
|
>
|
|
{#if type === 'textarea'}
|
|
<textarea
|
|
value={value ?? ''}
|
|
{placeholder}
|
|
rows="1"
|
|
class="resize-y {inputClass}"
|
|
{...rest}
|
|
oninput={handleInput}
|
|
onkeydown={stopPropagation(bubble('keydown'))}
|
|
onfocus={bubble('focus')}
|
|
onblur={bubble('blur')}
|
|
></textarea>
|
|
{:else}
|
|
<input
|
|
{type}
|
|
value={value ?? ''}
|
|
{placeholder}
|
|
class=" {(value ? '!pr-[26px] ' : '') + inputClass}"
|
|
{...rest}
|
|
oninput={handleInput}
|
|
onkeydown={stopPropagation(bubble('keydown'))}
|
|
onfocus={bubble('focus')}
|
|
onblur={bubble('blur')}
|
|
/>
|
|
{/if}
|
|
{#if value && isHovered}
|
|
<button
|
|
transition:fade|local={{ duration: 80 }}
|
|
class="absolute z-10 top-[9.5px] right-2 rounded-full p-0.5 text-primary bg-surface-secondary
|
|
hover:bg-surface-hover focus:bg-surface-hover {buttonClass}"
|
|
aria-label="Clear"
|
|
onclick={stopPropagation(preventDefault(clear))}
|
|
>
|
|
<X size={11} class="" />
|
|
</button>
|
|
{/if}
|
|
{@render children?.()}
|
|
</div>
|