diff --git a/app.vue b/app.vue
index 6823b5a..5664857 100644
--- a/app.vue
+++ b/app.vue
@@ -1,7 +1,7 @@
 <template>
   <div>
     <!--    调试对象-->
-    <DrawPanneImageUpload />
+    <ImageUpload />
   </div>
 </template>
 <script lang="ts" setup>
diff --git a/components/ImagePreviewWithUpload.vue b/components/ImageUpload/ImagePreviewWithUpload.vue
similarity index 95%
rename from components/ImagePreviewWithUpload.vue
rename to components/ImageUpload/ImagePreviewWithUpload.vue
index fa6db51..0060ce2 100644
--- a/components/ImagePreviewWithUpload.vue
+++ b/components/ImageUpload/ImagePreviewWithUpload.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { useUploadImage } from "~/composables/draw/useUploadImage";
 
 const props = withDefaults(
   defineProps<{
diff --git a/components/ImageUploadDropPasteClick.vue b/components/ImageUpload/ImageUploadDropPasteClick.vue
similarity index 94%
rename from components/ImageUploadDropPasteClick.vue
rename to components/ImageUpload/ImageUploadDropPasteClick.vue
index 5d97c77..317e64e 100644
--- a/components/ImageUploadDropPasteClick.vue
+++ b/components/ImageUpload/ImageUploadDropPasteClick.vue
@@ -1,6 +1,4 @@
 <script setup lang="ts">
-import { useUploadImage } from "~/composables/draw/useUploadImage";
-
 const props = withDefaults(
   defineProps<{
     maxSizeMB?: number;
diff --git a/components/RecommendedImages.vue b/components/ImageUpload/RecommendedImages.vue
similarity index 98%
rename from components/RecommendedImages.vue
rename to components/ImageUpload/RecommendedImages.vue
index 3a1701b..dfbc04e 100644
--- a/components/RecommendedImages.vue
+++ b/components/ImageUpload/RecommendedImages.vue
@@ -1,5 +1,4 @@
 <script setup lang="ts">
-import { ref, computed, onMounted } from "vue";
 import {
   GlobalInjectKeyConst,
   type GlobalInjectMaterials,
diff --git a/components/drawPanne/ImageUpload.vue b/components/ImageUpload/index.vue
similarity index 88%
rename from components/drawPanne/ImageUpload.vue
rename to components/ImageUpload/index.vue
index 9b50117..dfd70f3 100644
--- a/components/drawPanne/ImageUpload.vue
+++ b/components/ImageUpload/index.vue
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import {
-  GlobalInjectKeyConst,
-  type GlobalInjectUploadFileToOSS,
-} from "~/types/common";
-import { ref } from "vue";
+
+
+import {GlobalInjectKeyConst, type GlobalInjectUploadFileToOSS} from "~/types";
+import ImagePreviewWithUpload from "./ImagePreviewWithUpload.vue";
+import RecommendedImages from "./RecommendedImages.vue";
 
 interface Props {
   title?: string; // 标题，显示在上传按钮上方
@@ -57,7 +57,7 @@ defineExpose({
   <div>
     <div class="max-w-[460px] mt-1">
       <div class="flex items-center py-1">
-        <icon name="icon-park:upload-picture" size="20" class="mr-1" />
+        <icon name="icon-park:upload-picture" size="20" class="mr-1 text-blue-500 dark:text-white" />
         {{ title || "图片上传" }}
       </div>
       <div class="flex flex-col items-center border rounded">
diff --git a/manifest/ImageUpload.ts b/manifest/ImageUpload.ts
index 9549a59..b967ff7 100644
--- a/manifest/ImageUpload.ts
+++ b/manifest/ImageUpload.ts
@@ -2,16 +2,16 @@ import { ComponentSceneConst, type IComponentMateInfo } from "~/composables";
 import { ComponentGroupConst } from "~/composables";
 
 export default {
-  name: "DrawImageUpload", // 组件名称
-  path: "./components/drawPanne/ImageUpload.vue", // 组件路径
+  name: "ImageUpload", // 组件名称
+  path: "./components/ImageUpload/index.vue", // 组件路径
   scenes: ComponentSceneConst.DrawPanne, // 组件场景
   description: "A image upload component", // 组件描述
   data: {
     // 组件数据
-    paramName: "upload_image_path", // 参数名称
-    label: "图片上传", // 组件标签
-    icon: "icon-park:upload-picture", // 组件图标
-    group: ComponentGroupConst.IMAGE, // 组件分组
+    paramName: "upload_image_path", // 参数名称,可自定义
+    label: "图片上传", // 组件标签，显示在组件面板时候的名称
+    icon: "icon-park:upload-picture", // 组件图标，显示在组件面板的图标
+    group: ComponentGroupConst.IMAGE, // 针对组件
     isRefComponent: true, // 是否为引用组件 （引用组件，在执行绘画的时候会执行参数赋值操作）
   },
 } satisfies IComponentMateInfo;
diff --git a/nuxt.config.ts b/nuxt.config.ts
index bc23af2..db6a47a 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -17,7 +17,7 @@ export default defineNuxtConfig({
     "@nuxtjs/tailwindcss",
     "~/modules/generate-manifest",
   ],
-  // ssr: false,
+  ssr: false,
   css: ["~/assets/css/tailwind.css"],
   postcss: {
     plugins: {
diff --git a/package.json b/package.json
index 147759e..a5ad462 100644
--- a/package.json
+++ b/package.json
@@ -1,12 +1,12 @@
 {
   "name": "easyai-remote-ui-kit",
   "private": true,
-  "version": "1.0.0",
+  "version": "1.0.2",
   "type": "module",
   "scripts": {
     "prebuild": "node scripts/updateVersion.js",
     "build": "nuxt build",
-    "dev": "nuxt dev --port 3201",
+    "dev": "nuxt dev --port 3201 --host",
     "generate": "nuxt generate",
     "preview": "nuxt preview PORT=3202",
     "postinstall": "nuxt prepare",
@@ -65,4 +65,4 @@
     "sass": "1.77.7",
     "vite-plugin-top-level-await": "^1.6.0"
   }
-}
+}
\ No newline at end of file
diff --git a/types/index.ts b/types/index.ts
new file mode 100644
index 0000000..4e862a5
--- /dev/null
+++ b/types/index.ts
@@ -0,0 +1 @@
+export * from "./common";
\ No newline at end of file