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

refactor: move form fields to separate folder

Browse Source
This commit is contained in:
Ku6epXBOCTuK
2026-09-02 21:11:43 +05:00
parent a24a182d18
commit 6ec3e75df4
15 changed files with 21 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/lib/components/kit/ParamControl.svelte
+6 -6
View File
@@ -1,11 +1,11 @@
<script lang="ts"> <script lang="ts">
import ColorField from "$lib/components/kit/fields/ColorField.svelte";
import NumberField from "$lib/components/kit/fields/NumberField.svelte";
import SelectField from "$lib/components/kit/fields/SelectField.svelte";
import SliderField from "$lib/components/kit/fields/SliderField.svelte";
import TextField from "$lib/components/kit/fields/TextField.svelte";
import ToggleRow from "$lib/components/kit/fields/ToggleRow.svelte";
import type { ParamDef } from "$lib/registry"; import type { ParamDef } from "$lib/registry";
import ColorField from "$lib/components/kit/ColorField.svelte";
import SliderField from "$lib/components/kit/SliderField.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import ToggleRow from "$lib/components/kit/ToggleRow.svelte";
import TextField from "$lib/components/kit/TextField.svelte";
import NumberField from "$lib/components/kit/NumberField.svelte";
type ParamValue = string | number | boolean; type ParamValue = string | number | boolean;
web/src/lib/components/kit/SettingsPanel.svelte
+1 -1
View File
@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import EmptyState from "$lib/components/kit/EmptyState.svelte"; import EmptyState from "$lib/components/kit/EmptyState.svelte";
import SelectField from "$lib/components/kit/fields/SelectField.svelte";
import Panel from "$lib/components/kit/layout/Panel.svelte"; import Panel from "$lib/components/kit/layout/Panel.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte"; import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte"; import StepCard from "$lib/components/kit/StepCard.svelte";
import Button from "$lib/components/kit/ui/Button.svelte"; import Button from "$lib/components/kit/ui/Button.svelte";
web/src/lib/components/kit/CheckboxField.svelte → web/src/lib/components/kit/fields/CheckboxField.svelte
View File
web/src/lib/components/kit/ColorField.svelte → web/src/lib/components/kit/fields/ColorField.svelte
View File
web/src/lib/components/kit/layout/Field.svelte → web/src/lib/components/kit/fields/Field.svelte
View File
web/src/lib/components/kit/FieldGrid.svelte → web/src/lib/components/kit/fields/FieldGrid.svelte
View File
web/src/lib/components/kit/NumberField.svelte → web/src/lib/components/kit/fields/NumberField.svelte
+1 -1
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import Field from "./layout/Field.svelte"; import Field from "./Field.svelte";
interface Props { interface Props {
label: string; label: string;
web/src/lib/components/kit/SelectField.svelte → web/src/lib/components/kit/fields/SelectField.svelte
+1 -1
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import Field from "./layout/Field.svelte"; import Field from "./Field.svelte";
interface Option { interface Option {
value: string; value: string;
web/src/lib/components/kit/SliderField.svelte → web/src/lib/components/kit/fields/SliderField.svelte
View File
web/src/lib/components/kit/TextField.svelte → web/src/lib/components/kit/fields/TextField.svelte
View File
web/src/lib/components/kit/ToggleRow.svelte → web/src/lib/components/kit/fields/ToggleRow.svelte
+1 -1
View File
@@ -1,5 +1,5 @@
<script lang="ts"> <script lang="ts">
import Toggle from "./Toggle.svelte"; import Toggle from "../ui/Toggle.svelte";
interface Props { interface Props {
label: string; label: string;
web/src/lib/components/kit/Toggle.svelte → web/src/lib/components/kit/ui/Toggle.svelte
View File
web/src/routes/preview/+page.svelte
+1 -1
View File
@@ -1,7 +1,7 @@
<script lang="ts"> <script lang="ts">
import TextField from "$lib/components/kit/fields/TextField.svelte";
import Panel from "$lib/components/kit/layout/Panel.svelte"; import Panel from "$lib/components/kit/layout/Panel.svelte";
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte"; import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
import TextField from "$lib/components/kit/TextField.svelte";
import ToolCard from "$lib/components/kit/ToolCard.svelte"; import ToolCard from "$lib/components/kit/ToolCard.svelte";
import Button from "$lib/components/kit/ui/Button.svelte"; import Button from "$lib/components/kit/ui/Button.svelte";
import { TOOLS } from "$lib/registry"; import { TOOLS } from "$lib/registry";
web/src/routes/preview/demo/+page.svelte
+4 -4
View File
@@ -1,15 +1,15 @@
<script lang="ts"> <script lang="ts">
import ColorField from "$lib/components/kit/ColorField.svelte"; import ColorField from "$lib/components/kit/fields/ColorField.svelte";
import FieldGrid from "$lib/components/kit/FieldGrid.svelte"; import FieldGrid from "$lib/components/kit/fields/FieldGrid.svelte";
import SliderField from "$lib/components/kit/fields/SliderField.svelte";
import ToggleRow from "$lib/components/kit/fields/ToggleRow.svelte";
import PageGrid from "$lib/components/kit/layout/PageGrid.svelte"; import PageGrid from "$lib/components/kit/layout/PageGrid.svelte";
import MetaList from "$lib/components/kit/MetaList.svelte"; import MetaList from "$lib/components/kit/MetaList.svelte";
import PipelineFooter from "$lib/components/kit/PipelineFooter.svelte"; import PipelineFooter from "$lib/components/kit/PipelineFooter.svelte";
import PreviewStack from "$lib/components/kit/PreviewStack.svelte"; import PreviewStack from "$lib/components/kit/PreviewStack.svelte";
import PreviewTile from "$lib/components/kit/PreviewTile.svelte"; import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import SectionLabel from "$lib/components/kit/SectionLabel.svelte"; import SectionLabel from "$lib/components/kit/SectionLabel.svelte";
import SliderField from "$lib/components/kit/SliderField.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte"; import StepCard from "$lib/components/kit/StepCard.svelte";
import ToggleRow from "$lib/components/kit/ToggleRow.svelte";
import Badge from "$lib/components/kit/ui/Badge.svelte"; import Badge from "$lib/components/kit/ui/Badge.svelte";
import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte"; import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
import IconButton from "$lib/components/kit/ui/IconButton.svelte"; import IconButton from "$lib/components/kit/ui/IconButton.svelte";
web/src/routes/preview/kit/+page.svelte
+6 -6
View File
@@ -1,27 +1,27 @@
<script lang="ts"> <script lang="ts">
import CheckboxField from "$lib/components/kit/CheckboxField.svelte";
import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte"; import CheckerCanvas from "$lib/components/kit/CheckerCanvas.svelte";
import CodeBlock from "$lib/components/kit/CodeBlock.svelte"; import CodeBlock from "$lib/components/kit/CodeBlock.svelte";
import ColorField from "$lib/components/kit/ColorField.svelte";
import EmptyState from "$lib/components/kit/EmptyState.svelte"; import EmptyState from "$lib/components/kit/EmptyState.svelte";
import CheckboxField from "$lib/components/kit/fields/CheckboxField.svelte";
import ColorField from "$lib/components/kit/fields/ColorField.svelte";
import SelectField from "$lib/components/kit/fields/SelectField.svelte";
import SliderField from "$lib/components/kit/fields/SliderField.svelte";
import TextField from "$lib/components/kit/fields/TextField.svelte";
import ImageCard from "$lib/components/kit/ImageCard.svelte"; import ImageCard from "$lib/components/kit/ImageCard.svelte";
import Panel from "$lib/components/kit/layout/Panel.svelte"; import Panel from "$lib/components/kit/layout/Panel.svelte";
import MetaList from "$lib/components/kit/MetaList.svelte"; import MetaList from "$lib/components/kit/MetaList.svelte";
import PreviewTile from "$lib/components/kit/PreviewTile.svelte"; import PreviewTile from "$lib/components/kit/PreviewTile.svelte";
import SelectField from "$lib/components/kit/SelectField.svelte";
import SettingGroup from "$lib/components/kit/SettingGroup.svelte"; import SettingGroup from "$lib/components/kit/SettingGroup.svelte";
import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte"; import SettingsFooter from "$lib/components/kit/SettingsFooter.svelte";
import SliderField from "$lib/components/kit/SliderField.svelte";
import StatusLine from "$lib/components/kit/StatusLine.svelte"; import StatusLine from "$lib/components/kit/StatusLine.svelte";
import StepCard from "$lib/components/kit/StepCard.svelte"; import StepCard from "$lib/components/kit/StepCard.svelte";
import TextField from "$lib/components/kit/TextField.svelte";
import Toggle from "$lib/components/kit/Toggle.svelte";
import ToolCard from "$lib/components/kit/ToolCard.svelte"; import ToolCard from "$lib/components/kit/ToolCard.svelte";
import Badge from "$lib/components/kit/ui/Badge.svelte"; import Badge from "$lib/components/kit/ui/Badge.svelte";
import Button from "$lib/components/kit/ui/Button.svelte"; import Button from "$lib/components/kit/ui/Button.svelte";
import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte"; import DownloadButton from "$lib/components/kit/ui/DownloadButton.svelte";
import IconButton from "$lib/components/kit/ui/IconButton.svelte"; import IconButton from "$lib/components/kit/ui/IconButton.svelte";
import Segmented from "$lib/components/kit/ui/Segmented.svelte"; import Segmented from "$lib/components/kit/ui/Segmented.svelte";
import Toggle from "$lib/components/kit/ui/Toggle.svelte";
import { Download, ImageOff, Palette, Plus, Trash2 } from "@lucide/svelte"; import { Download, ImageOff, Palette, Plus, Trash2 } from "@lucide/svelte";
let mode = $state("preview"); let mode = $state("preview");