Ku6epXBOCTuK/easy-png-tools2
1
0
Fork 0
mirror of https://github.com/Ku6epXBOCTuK/easy-png-tools.git synced 2026-11-13 17:08:20 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: select mode via segmented button in split by parts

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-10-07 14:47:50 +05:00
parent 32cb369ca9
commit 676be383d9
6 changed files with 55 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/fields/schema/SegmentedControl.svelte
+33
View File
@@ -0,0 +1,33 @@
<script lang="ts">
import Control from "./Control.svelte";
import Segmented from "$lib/components/ui/Segmented.svelte";
import { optionLabel } from "$lib/i18n/schema-tool-strings";
import type { FieldSpec, SegmentedSpec } from "$lib/registry-schema";
interface Props {
label: string;
value: unknown;
spec: FieldSpec;
toolId: string;
fieldId: string;
onchange?: (value: string) => void;
}
let { label, value, spec, toolId, fieldId, onchange }: Props = $props();
const sp = $derived(spec as SegmentedSpec);
const current = $derived(
typeof value === "string" && sp.options.some((o) => o.value === value)
? value
: sp.default,
);
const options = $derived(
sp.options.map((o) => ({
value: o.value,
label: optionLabel(toolId, fieldId, o.value, o.label),
})),
);
</script>
<Control {label}>
<Segmented {options} value={current} onchange={(v) => onchange?.(v)} />
</Control>
web/src/lib/components/schema/SchemaFields.svelte
+2
View File
@@ -18,6 +18,7 @@
import ColorsControl from "$lib/components/fields/schema/ColorsControl.svelte";
import RangeControl from "$lib/components/fields/schema/RangeControl.svelte";
import SelectControl from "$lib/components/fields/schema/SelectControl.svelte";
import SegmentedControl from "$lib/components/fields/schema/SegmentedControl.svelte";
import TextControl from "$lib/components/fields/schema/TextControl.svelte";
import OffsetControl from "$lib/components/fields/schema/OffsetControl.svelte";
import PositionControl from "$lib/components/fields/schema/PositionControl.svelte";
@@ -42,6 +43,7 @@
"color-pair": ColorPairControl,
colors: ColorsControl,
select: SelectControl,
segmented: SegmentedControl,
checkbox: CheckboxControl,
text: TextControl,
dimension: DimensionField,