From da4c4ced8f4b2951e4a81f5560349f2623319447 Mon Sep 17 00:00:00 2001
From: frostime <frostime@foxmail.com>
Date: Fri, 9 Aug 2024 21:49:29 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=9B=B4=E6=96=B0=20Form?=
 =?UTF-8?q?=20=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../{item-input.svelte => Form/form-input.svelte}   |  0
 .../{item-wrap.svelte => Form/form-wrap.svelte}     |  0
 src/libs/components/Form/index.ts                   |  6 ++++++
 src/libs/components/setting-panel.svelte            | 13 ++++++-------
 4 files changed, 12 insertions(+), 7 deletions(-)
 rename src/libs/components/{item-input.svelte => Form/form-input.svelte} (100%)
 rename src/libs/components/{item-wrap.svelte => Form/form-wrap.svelte} (100%)
 create mode 100644 src/libs/components/Form/index.ts

diff --git a/src/libs/components/item-input.svelte b/src/libs/components/Form/form-input.svelte
similarity index 100%
rename from src/libs/components/item-input.svelte
rename to src/libs/components/Form/form-input.svelte
diff --git a/src/libs/components/item-wrap.svelte b/src/libs/components/Form/form-wrap.svelte
similarity index 100%
rename from src/libs/components/item-wrap.svelte
rename to src/libs/components/Form/form-wrap.svelte
diff --git a/src/libs/components/Form/index.ts b/src/libs/components/Form/index.ts
new file mode 100644
index 0000000..a5c81c0
--- /dev/null
+++ b/src/libs/components/Form/index.ts
@@ -0,0 +1,6 @@
+import FormInput from './form-input.svelte';
+import FormWrap from './form-wrap.svelte';
+
+const Form = { Wrap: FormWrap, Input: FormInput };
+export default Form;
+export { FormInput, FormWrap };
diff --git a/src/libs/components/setting-panel.svelte b/src/libs/components/setting-panel.svelte
index 6a304a0..783e2b6 100644
--- a/src/libs/components/setting-panel.svelte
+++ b/src/libs/components/setting-panel.svelte
@@ -2,14 +2,13 @@
  Copyright (c) 2023 by frostime All Rights Reserved.
  Author       : frostime
  Date         : 2023-07-01 19:23:50
- FilePath     : /src/libs/setting-panel.svelte
- LastEditTime : 2024-06-08 18:25:34
+ FilePath     : /src/libs/components/setting-panel.svelte
+ LastEditTime : 2024-08-09 21:41:07
  Description  : 
 -->
 <script lang="ts">
     import { createEventDispatcher } from "svelte";
-    import ItemWrap from "./item-wrap.svelte";
-    import InputItem from "./item-input.svelte";
+    import Form from './Form';
 
     export let group: string;
     export let settingItems: ISettingItem[];
@@ -31,12 +30,12 @@
 <div class="config__tab-container {fn__none}" data-name={group}>
     <slot />
     {#each settingItems as item (item.key)}
-        <ItemWrap
+        <Form.Wrap
             title={item.title}
             description={item.description}
             direction={item?.direction}
         > 
-            <InputItem
+            <Form.Input
                 type={item.type}
                 key={item.key}
                 bind:value={item.value}
@@ -47,6 +46,6 @@
                 on:click={onClick}
                 on:changed={onChanged}
             />
-        </ItemWrap>
+        </Form.Wrap>
     {/each}
 </div>
\ No newline at end of file