apextoaster
/
onnx-web
1
0
Fork 0
Code Actions

fix(gui): use blur event on fill color for better perf

This commit is contained in:
Sean Sube 2023-01-18 17:09:10 -06:00
parent 0055d06b01
commit b66cb8fcd6
2 changed files with 15 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
gui/src/client.ts
View File

@ -292,6 +292,7 @@ export function makeClient(root: string, f = fetch): ApiClient {
url.searchParams.append('filter', params.filter);
url.searchParams.append('noise', params.noise);
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
url.searchParams.append('fillColor', params.fillColor);
if (doesExist(upscale)) {
appendUpscaleToURL(url, upscale);
@ -320,6 +321,7 @@ export function makeClient(root: string, f = fetch): ApiClient {
url.searchParams.append('filter', params.filter);
url.searchParams.append('noise', params.noise);
url.searchParams.append('strength', params.strength.toFixed(FIXED_FLOAT));
url.searchParams.append('fillColor', params.fillColor);
if (doesExist(upscale)) {
appendUpscaleToURL(url, upscale);

26
gui/src/components/tab/Inpaint.tsx
View File

@ -109,6 +109,18 @@ export function Inpaint() {
setInpaint(newParams);
}}
/>
<NumericField
label='Strength'
min={params.strength.min}
max={params.strength.max}
step={params.strength.step}
value={strength}
onChange={(value) => {
setInpaint({
strength: value,
});
}}
/>
<Stack direction='row' spacing={2}>
<QueryList
id='masks'
@ -138,20 +150,8 @@ export function Inpaint() {
});
}}
/>
<NumericField
label='Strength'
min={params.strength.min}
max={params.strength.max}
step={params.strength.step}
value={strength}
onChange={(value) => {
setInpaint({
strength: value,
});
}}
/>
<Stack direction='row' spacing={2}>
<input name='fill-color' type='color' value={fillColor} onChange={(event) => {
<input name='fill-color' type='color' defaultValue={fillColor} onBlur={(event) => {
setInpaint({
fillColor: event.target.value,
});