From 851794c127b9c1a2fccf67f09127c9c2b667fc88 Mon Sep 17 00:00:00 2001
From: vertoryao <vertoryao@outlook.com>
Date: Mon, 12 May 2025 15:39:43 +0800
Subject: [PATCH] =?UTF-8?q?refactor(@vben/web-antd):=20=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B8=83=E5=B1=80=E5=92=8C=E5=8A=9F=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 更新 API 地址
- 优化 PPT 和 Word 页面布局
- 添加项目名称必填验证
-修复文档生成后的处理逻辑
- 优化气泡列表组件属性
---
 apps/web-antd/.env.production                 |  2 +-
 apps/web-antd/vite.config.mts                 |  2 +-
 .../common-ui/src/ui/ppt/ppt-work-view.vue    | 11 ++--
 .../common-ui/src/ui/word/word-work-view.vue  | 64 ++++++++-----------
 4 files changed, 35 insertions(+), 44 deletions(-)

diff --git a/apps/web-antd/.env.production b/apps/web-antd/.env.production
index 5375847..a890ef2 100644
--- a/apps/web-antd/.env.production
+++ b/apps/web-antd/.env.production
@@ -1,7 +1,7 @@
 VITE_BASE=/
 
 # 接口地址
-VITE_GLOB_API_URL=https://mock-napi.vben.pro/api
+VITE_GLOB_API_URL=http://dify.vertoryao.xyz/api
 
 # 是否开启压缩，可以设置为 none, brotli, gzip
 VITE_COMPRESS=none
diff --git a/apps/web-antd/vite.config.mts b/apps/web-antd/vite.config.mts
index 20a0018..8d426ff 100644
--- a/apps/web-antd/vite.config.mts
+++ b/apps/web-antd/vite.config.mts
@@ -17,7 +17,7 @@ export default defineConfig(async () => {
           '/docx': {
             changeOrigin: true,
             rewrite: (path) => path.replace(/^\/docx/, ''),
-            target: 'http://47.112.173.8:6802/static',
+            target: 'http://47.112.173.8:6805/static',
           },
           '/pptx': {
             changeOrigin: true,
diff --git a/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue b/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
index 6c8fbc1..f5566b4 100644
--- a/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
+++ b/packages/effects/common-ui/src/ui/ppt/ppt-work-view.vue
@@ -162,6 +162,7 @@ const startFetching = async () => {
         ),
       ]),
     });
+    value.value = '';
   } catch (error) {
     console.error(error);
   }
@@ -286,10 +287,12 @@ watch(
 </script>
 
 <template>
-  <div>
-    <PreviewDrawer />
-    <div style="height: calc(67vh - 120px); margin: 20px; overflow-y: auto">
-      <BubbleList :roles="roles" :items="resultItems" />
+  <PreviewDrawer />
+  <div class="flex h-[765px] flex-col">
+    <div class="flex-1 overflow-y-auto">
+      <div style="margin: 20px; overflow-y: auto">
+        <BubbleList :auto-scroll="true" :roles="roles" :items="resultItems" />
+      </div>
     </div>
     <Card class="w-full">
       <Sender
diff --git a/packages/effects/common-ui/src/ui/word/word-work-view.vue b/packages/effects/common-ui/src/ui/word/word-work-view.vue
index 5f76b38..1b22703 100644
--- a/packages/effects/common-ui/src/ui/word/word-work-view.vue
+++ b/packages/effects/common-ui/src/ui/word/word-work-view.vue
@@ -12,7 +12,7 @@ import { useVbenDrawer } from '@vben/common-ui';
 import { Card } from '@vben-core/shadcn-ui';
 
 import { UserOutlined } from '@ant-design/icons-vue';
-import { Button, Flex } from 'ant-design-vue';
+import { Button, Flex, notification } from 'ant-design-vue';
 import { Attachments, BubbleList, Sender } from 'ant-design-x-vue';
 
 import WordPreview from './word-preview.vue';
@@ -75,7 +75,16 @@ function openPreviewDrawer(
   previewDrawerApi.setState({ placement }).setData(fileData).open();
 }
 
+const inputStatus = ref<string>('');
 const startFetching = async () => {
+  if (!projectName.value) {
+    inputStatus.value = 'error';
+    notification.error({
+      duration: 3,
+      message: '请填写项目名称',
+    });
+    return;
+  }
   isFetching.value = true;
   fetchStatus.value = 'fetching';
   resultItems.value.push({
@@ -181,36 +190,7 @@ const startFetching = async () => {
     }
 
     fetchResult.value = `/static/${filename.value}`;
-    // resultItems.value.push({
-    //   key: resultItems.value.length + 1,
-    //   role: 'ai',
-    //   content: '文档已生成',
-    //   footer: h(Flex, null, [
-    //     h(
-    //       Button,
-    //       {
-    //         size: 'nomarl',
-    //         type: 'primary',
-    //         onClick: () => {
-    //           openPreviewDrawer('right');
-    //         },
-    //       },
-    //       '文档预览',
-    //     ),
-    //     h(
-    //       Button,
-    //       {
-    //         size: 'nomarl',
-    //         type: 'primary',
-    //         style: {
-    //           marginLeft: '10px',
-    //         },
-    //         onClick: () => {},
-    //       },
-    //       '文档下载',
-    //     ),
-    //   ]),
-    // });
+    value.value = '';
   } catch (error) {
     console.error(error);
   }
@@ -272,13 +252,21 @@ const resultItems = ref<ResultItem[]>([]);
 </script>
 
 <template>
-  <div>
-    <PreviewDrawer />
-    <a-space class="w-full" direction="vertical">
-      <a-input v-model:value="projectName" required placeholder="项目名称" />
-    </a-space>
-    <div style="height: calc(67vh - 120px); margin: 20px; overflow-y: auto">
-      <BubbleList :roles="roles" :items="resultItems" />
+  <PreviewDrawer />
+  <div class="flex h-[765px] flex-col">
+    <div class="flex-1 overflow-y-auto">
+      <a-space class="w-full" direction="vertical">
+        <a-input
+          size="large"
+          v-model:value="projectName"
+          :status="inputStatus"
+          required
+          placeholder="项目名称(必填)"
+        />
+      </a-space>
+      <div style="margin: 20px; overflow-y: auto">
+        <BubbleList :auto-scroll="true" :roles="roles" :items="resultItems" />
+      </div>
     </div>
     <Card class="w-full">
       <Sender