From 08e79b068162dbc2f593fcc11ad32121424106e1 Mon Sep 17 00:00:00 2001
From: wangbo <wangbolhr@163.com>
Date: Thu, 28 Aug 2025 09:49:54 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E7=BB=84=E4=BB=B6=E5=BC=80?=
 =?UTF-8?q?=E5=8F=91=E7=9A=84=E6=96=87=E4=BB=B6=E7=BB=93=E6=9E=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app.vue                                              |  2 +-
 .../{ => ImageUpload}/ImagePreviewWithUpload.vue     |  1 -
 .../{ => ImageUpload}/ImageUploadDropPasteClick.vue  |  2 --
 components/{ => ImageUpload}/RecommendedImages.vue   |  1 -
 .../ImageUpload.vue => ImageUpload/index.vue}        | 12 ++++++------
 manifest/ImageUpload.ts                              | 12 ++++++------
 nuxt.config.ts                                       |  2 +-
 package.json                                         |  6 +++---
 types/index.ts                                       |  1 +
 9 files changed, 18 insertions(+), 21 deletions(-)
 rename components/{ => ImageUpload}/ImagePreviewWithUpload.vue (95%)
 rename components/{ => ImageUpload}/ImageUploadDropPasteClick.vue (94%)
 rename components/{ => ImageUpload}/RecommendedImages.vue (98%)
 rename components/{drawPanne/ImageUpload.vue => ImageUpload/index.vue} (88%)
 create mode 100644 types/index.ts

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